@aurora-is-near/intents-swap-widget 3.18.3 → 3.19.0

package/dist/config.d.ts

@@ -56,11 +56,13 @@ export declare const useConfig: () => {
     readonly allowedTokensList?: readonly string[] | undefined;
     readonly allowedSourceTokensList?: readonly string[] | undefined;
     readonly allowedTargetTokensList?: readonly string[] | undefined;
+    readonly priorityAssets?: readonly string[] | readonly (readonly ["eth" | "bera" | "base" | "gnosis" | "arb" | "bsc" | "avax" | "op" | "pol" | "sui" | "xrp" | "btc" | "doge" | "tron" | "ton" | "near" | "sol" | "zec" | "ltc" | "cardano", string])[] | undefined;
     readonly filterTokens: (token: Token) => boolean;
     readonly chainsOrder: readonly ("eth" | "bera" | "base" | "gnosis" | "arb" | "bsc" | "avax" | "op" | "pol" | "sui" | "xrp" | "btc" | "doge" | "tron" | "ton" | "near" | "sol" | "zec" | "ltc" | "cardano")[];
     readonly allowedChainsList?: readonly ("eth" | "bera" | "base" | "gnosis" | "arb" | "bsc" | "avax" | "op" | "pol" | "sui" | "xrp" | "btc" | "doge" | "tron" | "ton" | "near" | "sol" | "zec" | "ltc" | "cardano")[] | undefined;
     readonly allowedSourceChainsList?: readonly ("eth" | "bera" | "base" | "gnosis" | "arb" | "bsc" | "avax" | "op" | "pol" | "sui" | "xrp" | "btc" | "doge" | "tron" | "ton" | "near" | "sol" | "zec" | "ltc" | "cardano")[] | undefined;
     readonly allowedTargetChainsList?: readonly ("eth" | "bera" | "base" | "gnosis" | "arb" | "bsc" | "avax" | "op" | "pol" | "sui" | "xrp" | "btc" | "doge" | "tron" | "ton" | "near" | "sol" | "zec" | "ltc" | "cardano")[] | undefined;
+    readonly topChainShortcuts?: ((intentsAccountType?: import('./types').IntentsAccountType) => [import('./types').Chains, import('./types').Chains, import('./types').Chains, import('./types').Chains]) | undefined;
     readonly chainsFilter: {
         readonly source: {
             readonly intents: "none" | "all" | "with-balance";

package/dist/config.js

@@ -8,12 +8,11 @@ import "react";
 import "@tanstack/react-query";
 import "react-i18next";
 import "./localisation.js";
-import { W as ro, ah as to, y as mo } from "./config-BMvXuF1-.js";
+import { W as ro, ah as to, y as mo } from "./config-C47AYcMK.js";
 import "@headlessui/react";
 import "@material-symbols-svg/react-rounded/icons/chevron-left";
 import "framer-motion";
 import "./features/ChainsDropdown/ChainItem.js";
-import "@material-symbols-svg/react-rounded/icons/target";
 import "./utils/cn.js";
 import "@defuse-protocol/one-click-sdk-typescript";
 import "./constants/chains.js";
@@ -44,6 +43,7 @@ import "./network.js";
 import "viem/chains";
 import "browser-or-node";
 import "@material-symbols-svg/react-rounded/icons/search";
+import "./components/ChainShortcut.js";
 import "@material-symbols-svg/react-rounded/icons/arrow-downward";
 import "qrcode.react";
 import "@material-symbols-svg/react-rounded/icons/cached";

package/dist/errors.js

@@ -1,5 +1,5 @@
 import "valtio";
-import { M as t, Q as e, w as E, v as m, x as p } from "./config-BMvXuF1-.js";
+import { M as t, Q as e, w as E, v as m, x as p } from "./config-C47AYcMK.js";
 import "ethers";
 import "./machine/machine.js";
 export {

package/dist/ext/alchemy/index.js

@@ -3,7 +3,7 @@ import "@tanstack/react-query";
 import "./parse.js";
 import "./load.js";
 import "./types.js";
-import { t as s } from "../../config-BMvXuF1-.js";
+import { t as s } from "../../config-C47AYcMK.js";
 import "../../machine/guards/index.js";
 import "../../machine/machine.js";
 import "../../machine/events/utils/fireEvent.js";

package/dist/ext/index.js

@@ -1,4 +1,4 @@
-import { t } from "../config-BMvXuF1-.js";
+import { t } from "../config-C47AYcMK.js";
 export {
   t as useAlchemyBalanceIntegration
 };

package/dist/features/BalanceRpcLoader/TokenBalanceLoader.js

@@ -1,5 +1,5 @@
 import "react";
-import { E as r } from "../../config-BMvXuF1-.js";
+import { E as r } from "../../config-C47AYcMK.js";
 export {
   r as TokenBalanceLoader
 };

package/dist/features/BalanceRpcLoader/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { B as i } from "../../config-BMvXuF1-.js";
+import { B as i } from "../../config-C47AYcMK.js";
 import "../../hooks/useWalletBalance.js";
 import "../../utils/intents/getTokenBalanceKey.js";
 export {

package/dist/features/BalanceRpcLoader/useTokenBalanceRpc.js

@@ -3,7 +3,7 @@ import "../../logger.js";
 import "../../utils/ton/getTonTokenBalance.js";
 import "../../utils/solana/getSolanaTokenBalance.js";
 import "../../hooks/useWalletAddressForToken.js";
-import { D as x } from "../../config-BMvXuF1-.js";
+import { D as x } from "../../config-C47AYcMK.js";
 import "../../utils/evm/isEvmChain.js";
 import "../../utils/evm/isEvmToken.js";
 import "../../utils/evm/isEvmBaseToken.js";

package/dist/features/ChainsDropdown/ChainItem.d.ts

@@ -10,6 +10,7 @@ type Props = {
     isSelected: boolean;
     chain: 'intents' | 'all' | Chains;
     icon: string | React.ReactElement;
+    iconClassName?: string;
     className?: string;
     onMsg: (msg: Msg) => void;
 };

package/dist/features/ChainsDropdown/ChainItem.js

@@ -1,32 +1,41 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import p from "react";
-import { CheckW700 as w } from "@material-symbols-svg/react-rounded/icons/check";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import w from "react";
+import { CheckFillW700 as l } from "@material-symbols-svg/react-rounded/icons/check";
 import { cn as f } from "../../utils/cn.js";
 import { Icon as x } from "../../components/Icon.js";
-const u = p.forwardRef(
-  ({ chain: e, label: o, icon: m, isFocused: s, isSelected: r, className: n, onMsg: a }, c) => /* @__PURE__ */ i(
+const b = w.forwardRef(
+  ({
+    chain: e,
+    label: r,
+    icon: a,
+    iconClassName: m,
+    isFocused: o,
+    isSelected: s,
+    className: c,
+    onMsg: n
+  }, i) => /* @__PURE__ */ p(
     "button",
     {
-      ref: c,
+      ref: i,
       type: "button",
-      onClick: () => a({ type: "on_click_chain", chain: e }),
+      onClick: () => n({ type: "on_click_chain", chain: e }),
       className: f(
         "gap-sw-md px-sw-lg py-sw-sm text-sw-gray-50 flex cursor-pointer items-center justify-between rounded-sw-md transition-colors",
-        { "bg-sw-gray-700": r || s },
+        { "bg-sw-gray-700": s || o },
         {
-          "hover:text-sw-accent-200 hover:bg-sw-gray-700": !r && !s
+          "hover:text-sw-accent-200 hover:bg-sw-gray-700": !s && !o
         },
-        n
+        c
       ),
       children: [
-        /* @__PURE__ */ t(x, { radius: 10, label: o, icon: m }),
-        /* @__PURE__ */ t("span", { className: "text-sw-label-md mr-auto", children: o }),
-        r && /* @__PURE__ */ t(w, { size: 16 })
+        /* @__PURE__ */ t(x, { radius: 10, label: r, icon: a, className: m }),
+        /* @__PURE__ */ t("span", { className: "text-sw-label-md mr-auto", children: r }),
+        s && /* @__PURE__ */ t(l, { size: 16, className: "text-sw-status-success" })
       ]
     }
   )
 );
 export {
-  u as ChainItem
+  b as ChainItem
 };
 //# sourceMappingURL=ChainItem.js.map

package/dist/features/ChainsDropdown/ChainItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainItem.js","sources":["../../../src/features/ChainsDropdown/ChainItem.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckW700 as Check } from '@material-symbols-svg/react-rounded/icons/check';\n\nimport { cn } from '@/utils/cn';\nimport { Icon } from '@/components/Icon';\nimport type { Chains } from '@/types/chain';\n\ntype Msg = { type: 'on_click_chain'; chain: 'intents' | 'all' | Chains };\n\ntype Props = {\n  label: string;\n  isFocused: boolean;\n  isSelected: boolean;\n  chain: 'intents' | 'all' | Chains;\n  icon: string | React.ReactElement;\n  className?: string;\n  onMsg: (msg: Msg) => void;\n};\n\nexport const ChainItem = React.forwardRef<HTMLButtonElement, Props>(\n  ({ chain, label, icon, isFocused, isSelected, className, onMsg }, ref) => (\n    <button\n      ref={ref}\n      type=\"button\"\n      onClick={() => onMsg({ type: 'on_click_chain', chain })}\n      className={cn(\n        'gap-sw-md px-sw-lg py-sw-sm text-sw-gray-50 flex cursor-pointer items-center justify-between rounded-sw-md transition-colors',\n        { 'bg-sw-gray-700': isSelected || isFocused },\n        {\n          'hover:text-sw-accent-200 hover:bg-sw-gray-700':\n            !isSelected && !isFocused,\n        },\n        className,\n      )}>\n      <Icon radius={10} label={label} icon={icon} />\n      <span className=\"text-sw-label-md mr-auto\">{label}</span>\n      {isSelected && <Check size={16} />}\n    </button>\n  ),\n);\n"],"names":["ChainItem","React","chain","label","icon","isFocused","isSelected","className","onMsg","ref","jsxs","cn","jsx","Icon","Check"],"mappings":";;;;;AAmBO,MAAMA,IAAYC,EAAM;AAAA,EAC7B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,YAAAC,GAAY,WAAAC,GAAW,OAAAC,KAASC,MAChE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,MAAK;AAAA,MACL,SAAS,MAAMD,EAAM,EAAE,MAAM,kBAAkB,OAAAN,GAAO;AAAA,MACtD,WAAWS;AAAA,QACT;AAAA,QACA,EAAE,kBAAkBL,KAAcD,EAAA;AAAA,QAClC;AAAA,UACE,iDACE,CAACC,KAAc,CAACD;AAAA,QAAA;AAAA,QAEpBE;AAAA,MAAA;AAAA,MAEF,UAAA;AAAA,QAAA,gBAAAK,EAACC,GAAA,EAAK,QAAQ,IAAI,OAAAV,GAAc,MAAAC,GAAY;AAAA,QAC5C,gBAAAQ,EAAC,QAAA,EAAK,WAAU,4BAA4B,UAAAT,GAAM;AAAA,QACjDG,KAAc,gBAAAM,EAACE,GAAA,EAAM,MAAM,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGtC;"}
+{"version":3,"file":"ChainItem.js","sources":["../../../src/features/ChainsDropdown/ChainItem.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckFillW700 as Check } from '@material-symbols-svg/react-rounded/icons/check';\n\nimport { cn } from '@/utils/cn';\nimport { Icon } from '@/components/Icon';\nimport type { Chains } from '@/types/chain';\n\ntype Msg = { type: 'on_click_chain'; chain: 'intents' | 'all' | Chains };\n\ntype Props = {\n  label: string;\n  isFocused: boolean;\n  isSelected: boolean;\n  chain: 'intents' | 'all' | Chains;\n  icon: string | React.ReactElement;\n  iconClassName?: string;\n  className?: string;\n  onMsg: (msg: Msg) => void;\n};\n\nexport const ChainItem = React.forwardRef<HTMLButtonElement, Props>(\n  (\n    {\n      chain,\n      label,\n      icon,\n      iconClassName,\n      isFocused,\n      isSelected,\n      className,\n      onMsg,\n    },\n    ref,\n  ) => (\n    <button\n      ref={ref}\n      type=\"button\"\n      onClick={() => onMsg({ type: 'on_click_chain', chain })}\n      className={cn(\n        'gap-sw-md px-sw-lg py-sw-sm text-sw-gray-50 flex cursor-pointer items-center justify-between rounded-sw-md transition-colors',\n        { 'bg-sw-gray-700': isSelected || isFocused },\n        {\n          'hover:text-sw-accent-200 hover:bg-sw-gray-700':\n            !isSelected && !isFocused,\n        },\n        className,\n      )}>\n      <Icon radius={10} label={label} icon={icon} className={iconClassName} />\n      <span className=\"text-sw-label-md mr-auto\">{label}</span>\n      {isSelected && <Check size={16} className=\"text-sw-status-success\" />}\n    </button>\n  ),\n);\n"],"names":["ChainItem","React","chain","label","icon","iconClassName","isFocused","isSelected","className","onMsg","ref","jsxs","cn","jsx","Icon","Check"],"mappings":";;;;;AAoBO,MAAMA,IAAYC,EAAM;AAAA,EAC7B,CACE;AAAA,IACE,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,GAEFC,MAEA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,MAAK;AAAA,MACL,SAAS,MAAMD,EAAM,EAAE,MAAM,kBAAkB,OAAAP,GAAO;AAAA,MACtD,WAAWU;AAAA,QACT;AAAA,QACA,EAAE,kBAAkBL,KAAcD,EAAA;AAAA,QAClC;AAAA,UACE,iDACE,CAACC,KAAc,CAACD;AAAA,QAAA;AAAA,QAEpBE;AAAA,MAAA;AAAA,MAEF,UAAA;AAAA,QAAA,gBAAAK,EAACC,KAAK,QAAQ,IAAI,OAAAX,GAAc,MAAAC,GAAY,WAAWC,GAAe;AAAA,QACtE,gBAAAQ,EAAC,QAAA,EAAK,WAAU,4BAA4B,UAAAV,GAAM;AAAA,QACjDI,KAAc,gBAAAM,EAACE,GAAA,EAAM,MAAM,IAAI,WAAU,yBAAA,CAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzE;"}

package/dist/features/ChainsDropdown/index.js

@@ -1,147 +1,114 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { useMemo as A, Fragment as M } from "react";
-import { Menu as S, MenuButton as v, MenuItems as E, MenuItem as d } from "@headlessui/react";
-import { ChevronLeftW700 as x } from "@material-symbols-svg/react-rounded/icons/chevron-left";
-import { AnimatePresence as F, motion as T } from "framer-motion";
-import { ChainItem as p } from "./ChainItem.js";
-import { AllNetworksIcon as h } from "./AllNetworksIcon.js";
-import { d as z, y as O } from "../../config-BMvXuF1-.js";
-import { Hr as j } from "../../components/Hr.js";
-import { Icon as i } from "../../components/Icon.js";
-import { notReachable as u } from "../../utils/notReachable.js";
-import { useTypedTranslation as W } from "../../localisation.js";
-import { ASSET_ICONS as k, UNKNOWN_ICON as w } from "../../icons/index.js";
-const X = ({
-  variant: N,
-  selected: t,
-  chainsFilter: _,
-  onMsg: o
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { Fragment as N } from "react";
+import { Menu as _, MenuButton as I, MenuItems as k, MenuItem as c } from "@headlessui/react";
+import { ChevronLeftW700 as h } from "@material-symbols-svg/react-rounded/icons/chevron-left";
+import { AnimatePresence as C, motion as M } from "framer-motion";
+import { ChainItem as m } from "./ChainItem.js";
+import { d as v, y as A } from "../../config-C47AYcMK.js";
+import { Hr as F } from "../../components/Hr.js";
+import { AllNetworksIcon as S } from "../../components/AllNetworksIcon.js";
+import { notReachable as p } from "../../utils/notReachable.js";
+import { useTypedTranslation as z } from "../../localisation.js";
+import { UNKNOWN_ICON as w, CHAIN_ICONS as E } from "../../icons/index.js";
+const q = ({
+  variant: g,
+  selected: a,
+  chainsFilter: f,
+  onMsg: n
 }) => {
-  const { t: I } = W(), a = z(N), { appIcon: f, appName: b, showIntentTokens: C } = O(), g = A(
-    () => a.find((s) => s.id === t),
-    [a, t]
-  ), y = _.intents !== "none";
-  return /* @__PURE__ */ e(S, { children: ({ open: s, close: l }) => /* @__PURE__ */ m("div", { children: [
-    /* @__PURE__ */ e(v, { as: M, children: ({ open: n }) => /* @__PURE__ */ m("div", { className: "py-sw-sm px-sw-md gap-sw-md flex h-[40px] cursor-pointer items-center rounded-sw-md bg-sw-gray-800 hover:bg-sw-gray-700", children: [
-      (() => {
-        switch (t) {
-          case "all":
-            return /* @__PURE__ */ e(
-              i,
-              {
-                radius: 10,
-                icon: /* @__PURE__ */ e(h, {}),
-                label: "All networks"
-              }
-            );
-          case "intents":
-            return C ? /* @__PURE__ */ e(i, { radius: 10, icon: f, label: b }) : null;
-          default:
-            return g ? /* @__PURE__ */ e(
-              i,
-              {
-                radius: 10,
-                label: g.label,
-                icon: k[t] ?? w
-              }
-            ) : /* @__PURE__ */ e(
-              i,
-              {
-                radius: 10,
-                icon: /* @__PURE__ */ e(h, {}),
-                label: I("chain.all.label", "All networks")
-              }
-            );
-        }
-      })(),
-      n ? /* @__PURE__ */ e(
-        x,
+  const { t: u } = z(), s = v(g), { appIcon: y, appName: x } = A(), d = f.intents !== "none";
+  return /* @__PURE__ */ e(_, { children: ({ open: b, close: o }) => /* @__PURE__ */ l("div", { children: [
+    /* @__PURE__ */ e(I, { as: N, children: ({ open: r }) => /* @__PURE__ */ l("div", { className: "py-sw-sm pr-sw-md pl-sw-lg gap-sw-xs flex h-[36px] cursor-pointer items-center rounded-sw-md bg-sw-gray-800 hover:bg-sw-gray-700", children: [
+      /* @__PURE__ */ e("span", { className: "text-sw-label-md text-sw-gray-50", children: u("chain.more.label", "More") }),
+      r ? /* @__PURE__ */ e(
+        h,
         {
           size: 18,
           className: "text-sw-gray-50 rotate-90"
         }
       ) : /* @__PURE__ */ e(
-        x,
+        h,
         {
           size: 18,
           className: "text-sw-gray-50 -rotate-90"
         }
       )
     ] }) }),
-    /* @__PURE__ */ e(F, { children: s && /* @__PURE__ */ m(
-      E,
+    /* @__PURE__ */ e(C, { children: b && /* @__PURE__ */ l(
+      k,
       {
         static: !0,
-        as: T.div,
+        as: M.div,
         animate: { opacity: 1, scale: 1 },
         initial: { opacity: 0, scale: 0.95 },
         anchor: { to: "bottom end", gap: 8, padding: 32 },
         className: "hide-scrollbar gap-sw-xxs p-sw-md z-10 flex max-h-[400px] min-w-[200px] flex-col rounded-sw-lg bg-sw-gray-800 shadow-[0_6px_48px_0_rgba(36,38,45,0.3)] ring-1 ring-inset ring-sw-gray-700 outline-none",
         children: [
-          a.length > 1 && /* @__PURE__ */ e(d, { children: ({ focus: n }) => /* @__PURE__ */ e(
-            p,
+          s.length > 1 && /* @__PURE__ */ e(c, { children: ({ focus: r }) => /* @__PURE__ */ e(
+            m,
             {
               chain: "all",
               label: "All networks",
-              isSelected: t === "all",
-              isFocused: n,
-              icon: /* @__PURE__ */ e(h, {}),
-              onMsg: (r) => {
-                switch (r.type) {
+              isSelected: a === "all",
+              isFocused: r,
+              icon: /* @__PURE__ */ e(S, {}),
+              iconClassName: "bg-sw-gray-50",
+              onMsg: (t) => {
+                switch (t.type) {
                   case "on_click_chain":
-                    l(), o(r);
+                    o(), n(t);
                     break;
                   default:
-                    u(r.type, { throwError: !1 });
+                    p(t.type, { throwError: !1 });
                 }
               }
             }
           ) }),
-          y && /* @__PURE__ */ e(d, { children: ({ focus: n }) => /* @__PURE__ */ e(
-            p,
+          d && /* @__PURE__ */ e(c, { children: ({ focus: r }) => /* @__PURE__ */ e(
+            m,
             {
               chain: "intents",
-              label: b,
-              isSelected: t === "intents",
-              isFocused: n,
-              icon: f ?? w,
-              onMsg: (r) => {
-                switch (r.type) {
+              label: x,
+              isSelected: a === "intents",
+              isFocused: r,
+              icon: y ?? w,
+              onMsg: (t) => {
+                switch (t.type) {
                   case "on_click_chain":
-                    l(), o(r);
+                    o(), n(t);
                     break;
                   default:
-                    u(r.type, { throwError: !1 });
+                    p(t.type, { throwError: !1 });
                 }
               }
             }
           ) }),
-          !!a.length && !!(a.length > 1 || y) && /* @__PURE__ */ e(j, { className: "shrink-0 my-sw-sm bg-sw-gray-700" }),
-          a.map((n) => /* @__PURE__ */ e(d, { children: ({ focus: r }) => /* @__PURE__ */ e(
-            p,
+          !!s.length && !!(s.length > 1 || d) && /* @__PURE__ */ e(F, { className: "shrink-0 my-sw-sm bg-sw-gray-700" }),
+          s.map((r) => /* @__PURE__ */ e(c, { children: ({ focus: t }) => /* @__PURE__ */ e(
+            m,
             {
-              chain: n.id,
-              label: n.label,
-              icon: k[n.id] ?? w,
-              isSelected: t === n.id,
-              isFocused: r,
-              onMsg: (c) => {
-                switch (c.type) {
+              chain: r.id,
+              label: r.label,
+              icon: E[r.id] ?? w,
+              isSelected: a === r.id,
+              isFocused: t,
+              onMsg: (i) => {
+                switch (i.type) {
                   case "on_click_chain":
-                    l(), o(c);
+                    o(), n(i);
                     break;
                   default:
-                    u(c.type, { throwError: !1 });
+                    p(i.type, { throwError: !1 });
                 }
               }
             }
-          ) }, n.id))
+          ) }, r.id))
         ]
       }
     ) })
   ] }) });
 };
 export {
-  X as ChainsDropdown
+  q as ChainsDropdown
 };
 //# sourceMappingURL=index.js.map

package/dist/features/ChainsDropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/features/ChainsDropdown/index.tsx"],"sourcesContent":["import { Fragment, useMemo } from 'react';\nimport { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/react';\nimport { ChevronLeftW700 as ChevronLeft } from '@material-symbols-svg/react-rounded/icons/chevron-left';\nimport { AnimatePresence, motion } from 'framer-motion';\n\nimport { ChainItem } from './ChainItem';\nimport { AllNetworksIcon } from './AllNetworksIcon';\nimport { useConfig } from '@/config';\nimport { Hr } from '@/components/Hr';\nimport { Icon } from '@/components/Icon';\nimport { useChains } from '@/hooks/useChains';\nimport { notReachable } from '@/utils/notReachable';\nimport { useTypedTranslation } from '@/localisation';\nimport { ASSET_ICONS, UNKNOWN_ICON } from '@/icons';\nimport type { Chains, ChainsFilter } from '@/types/chain';\n\ntype Msg = { type: 'on_click_chain'; chain: 'all' | 'intents' | Chains };\n\ntype Props = {\n  variant: 'source' | 'target';\n  chainsFilter: ChainsFilter;\n  selected: 'all' | 'intents' | Chains;\n  onMsg: (msg: Msg) => void;\n};\n\nexport const ChainsDropdown = ({\n  variant,\n  selected,\n  chainsFilter,\n  onMsg,\n}: Props) => {\n  const { t } = useTypedTranslation();\n\n  const chains = useChains(variant);\n  const { appIcon, appName, showIntentTokens } = useConfig();\n  const selectedChain = useMemo(\n    () => chains.find((item) => item.id === selected),\n    [chains, selected],\n  );\n\n  const hasIntentsAccountMenuItem = chainsFilter.intents !== 'none';\n\n  return (\n    <Menu>\n      {({ open, close }) => (\n        <div>\n          <MenuButton as={Fragment}>\n            {({ open: isOpen }) => (\n              <div className=\"py-sw-sm px-sw-md gap-sw-md flex h-[40px] cursor-pointer items-center rounded-sw-md bg-sw-gray-800 hover:bg-sw-gray-700\">\n                {(() => {\n                  switch (selected) {\n                    case 'all':\n                      return (\n                        <Icon\n                          radius={10}\n                          icon={<AllNetworksIcon />}\n                          label=\"All networks\"\n                        />\n                      );\n                    case 'intents':\n                      return showIntentTokens ? (\n                        <Icon radius={10} icon={appIcon} label={appName} />\n                      ) : null;\n                    default:\n                      return !selectedChain ? (\n                        <Icon\n                          radius={10}\n                          icon={<AllNetworksIcon />}\n                          label={t('chain.all.label', 'All networks')}\n                        />\n                      ) : (\n                        <Icon\n                          radius={10}\n                          label={selectedChain.label}\n                          icon={ASSET_ICONS[selected] ?? UNKNOWN_ICON}\n                        />\n                      );\n                  }\n                })()}\n\n                {isOpen ? (\n                  <ChevronLeft\n                    size={18}\n                    className=\"text-sw-gray-50 rotate-90\"\n                  />\n                ) : (\n                  <ChevronLeft\n                    size={18}\n                    className=\"text-sw-gray-50 -rotate-90\"\n                  />\n                )}\n              </div>\n            )}\n          </MenuButton>\n\n          <AnimatePresence>\n            {open && (\n              <MenuItems\n                static\n                as={motion.div}\n                animate={{ opacity: 1, scale: 1 }}\n                initial={{ opacity: 0, scale: 0.95 }}\n                anchor={{ to: 'bottom end', gap: 8, padding: 32 }}\n                className=\"hide-scrollbar gap-sw-xxs p-sw-md z-10 flex max-h-[400px] min-w-[200px] flex-col rounded-sw-lg bg-sw-gray-800 shadow-[0_6px_48px_0_rgba(36,38,45,0.3)] ring-1 ring-inset ring-sw-gray-700 outline-none\">\n                {chains.length > 1 && (\n                  <MenuItem>\n                    {({ focus }) => (\n                      <ChainItem\n                        chain=\"all\"\n                        label=\"All networks\"\n                        isSelected={selected === 'all'}\n                        isFocused={focus}\n                        icon={<AllNetworksIcon />}\n                        onMsg={(msg) => {\n                          switch (msg.type) {\n                            case 'on_click_chain':\n                              close();\n                              onMsg(msg);\n                              break;\n                            default:\n                              notReachable(msg.type, { throwError: false });\n                          }\n                        }}\n                      />\n                    )}\n                  </MenuItem>\n                )}\n\n                {hasIntentsAccountMenuItem && (\n                  <MenuItem>\n                    {({ focus }) => (\n                      <ChainItem\n                        chain=\"intents\"\n                        label={appName}\n                        isSelected={selected === 'intents'}\n                        isFocused={focus}\n                        icon={appIcon ?? UNKNOWN_ICON}\n                        onMsg={(msg) => {\n                          switch (msg.type) {\n                            case 'on_click_chain':\n                              close();\n                              onMsg(msg);\n                              break;\n                            default:\n                              notReachable(msg.type, { throwError: false });\n                          }\n                        }}\n                      />\n                    )}\n                  </MenuItem>\n                )}\n\n                {!!chains.length &&\n                  !!(chains.length > 1 || hasIntentsAccountMenuItem) && (\n                    <Hr className=\"shrink-0 my-sw-sm bg-sw-gray-700\" />\n                  )}\n\n                {chains.map((chain) => {\n                  return (\n                    <MenuItem key={chain.id}>\n                      {({ focus }) => (\n                        <ChainItem\n                          chain={chain.id}\n                          label={chain.label}\n                          icon={ASSET_ICONS[chain.id] ?? UNKNOWN_ICON}\n                          isSelected={selected === chain.id}\n                          isFocused={focus}\n                          onMsg={(msg) => {\n                            switch (msg.type) {\n                              case 'on_click_chain':\n                                close();\n                                onMsg(msg);\n                                break;\n                              default:\n                                notReachable(msg.type, { throwError: false });\n                            }\n                          }}\n                        />\n                      )}\n                    </MenuItem>\n                  );\n                })}\n              </MenuItems>\n            )}\n          </AnimatePresence>\n        </div>\n      )}\n    </Menu>\n  );\n};\n"],"names":["ChainsDropdown","variant","selected","chainsFilter","onMsg","t","useTypedTranslation","chains","useChains","appIcon","appName","showIntentTokens","useConfig","selectedChain","useMemo","item","hasIntentsAccountMenuItem","jsx","Menu","open","close","MenuButton","Fragment","isOpen","jsxs","Icon","AllNetworksIcon","ASSET_ICONS","UNKNOWN_ICON","ChevronLeft","AnimatePresence","MenuItems","motion","MenuItem","focus","ChainItem","msg","notReachable","Hr","chain"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/features/ChainsDropdown/index.tsx"],"sourcesContent":["import { Fragment } from 'react';\nimport { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/react';\nimport { ChevronLeftW700 as ChevronLeft } from '@material-symbols-svg/react-rounded/icons/chevron-left';\nimport { AnimatePresence, motion } from 'framer-motion';\n\nimport { ChainItem } from './ChainItem';\nimport { useConfig } from '@/config';\nimport { Hr } from '@/components/Hr';\nimport { AllNetworksIcon } from '@/components/AllNetworksIcon';\nimport { useChains } from '@/hooks/useChains';\nimport { notReachable } from '@/utils/notReachable';\nimport { useTypedTranslation } from '@/localisation';\nimport { CHAIN_ICONS, UNKNOWN_ICON } from '@/icons';\nimport type { Chains, ChainsFilter } from '@/types/chain';\n\ntype Msg = { type: 'on_click_chain'; chain: 'all' | 'intents' | Chains };\n\ntype Props = {\n  variant: 'source' | 'target';\n  chainsFilter: ChainsFilter;\n  selected: 'all' | 'intents' | Chains;\n  onMsg: (msg: Msg) => void;\n};\n\nexport const ChainsDropdown = ({\n  variant,\n  selected,\n  chainsFilter,\n  onMsg,\n}: Props) => {\n  const { t } = useTypedTranslation();\n\n  const chains = useChains(variant);\n  const { appIcon, appName } = useConfig();\n\n  const hasIntentsAccountMenuItem = chainsFilter.intents !== 'none';\n\n  return (\n    <Menu>\n      {({ open, close }) => (\n        <div>\n          <MenuButton as={Fragment}>\n            {({ open: isOpen }) => (\n              <div className=\"py-sw-sm pr-sw-md pl-sw-lg gap-sw-xs flex h-[36px] cursor-pointer items-center rounded-sw-md bg-sw-gray-800 hover:bg-sw-gray-700\">\n                <span className=\"text-sw-label-md text-sw-gray-50\">\n                  {t('chain.more.label', 'More')}\n                </span>\n\n                {isOpen ? (\n                  <ChevronLeft\n                    size={18}\n                    className=\"text-sw-gray-50 rotate-90\"\n                  />\n                ) : (\n                  <ChevronLeft\n                    size={18}\n                    className=\"text-sw-gray-50 -rotate-90\"\n                  />\n                )}\n              </div>\n            )}\n          </MenuButton>\n\n          <AnimatePresence>\n            {open && (\n              <MenuItems\n                static\n                as={motion.div}\n                animate={{ opacity: 1, scale: 1 }}\n                initial={{ opacity: 0, scale: 0.95 }}\n                anchor={{ to: 'bottom end', gap: 8, padding: 32 }}\n                className=\"hide-scrollbar gap-sw-xxs p-sw-md z-10 flex max-h-[400px] min-w-[200px] flex-col rounded-sw-lg bg-sw-gray-800 shadow-[0_6px_48px_0_rgba(36,38,45,0.3)] ring-1 ring-inset ring-sw-gray-700 outline-none\">\n                {chains.length > 1 && (\n                  <MenuItem>\n                    {({ focus }) => (\n                      <ChainItem\n                        chain=\"all\"\n                        label=\"All networks\"\n                        isSelected={selected === 'all'}\n                        isFocused={focus}\n                        icon={<AllNetworksIcon />}\n                        iconClassName=\"bg-sw-gray-50\"\n                        onMsg={(msg) => {\n                          switch (msg.type) {\n                            case 'on_click_chain':\n                              close();\n                              onMsg(msg);\n                              break;\n                            default:\n                              notReachable(msg.type, { throwError: false });\n                          }\n                        }}\n                      />\n                    )}\n                  </MenuItem>\n                )}\n\n                {hasIntentsAccountMenuItem && (\n                  <MenuItem>\n                    {({ focus }) => (\n                      <ChainItem\n                        chain=\"intents\"\n                        label={appName}\n                        isSelected={selected === 'intents'}\n                        isFocused={focus}\n                        icon={appIcon ?? UNKNOWN_ICON}\n                        onMsg={(msg) => {\n                          switch (msg.type) {\n                            case 'on_click_chain':\n                              close();\n                              onMsg(msg);\n                              break;\n                            default:\n                              notReachable(msg.type, { throwError: false });\n                          }\n                        }}\n                      />\n                    )}\n                  </MenuItem>\n                )}\n\n                {!!chains.length &&\n                  !!(chains.length > 1 || hasIntentsAccountMenuItem) && (\n                    <Hr className=\"shrink-0 my-sw-sm bg-sw-gray-700\" />\n                  )}\n\n                {chains.map((chain) => {\n                  return (\n                    <MenuItem key={chain.id}>\n                      {({ focus }) => (\n                        <ChainItem\n                          chain={chain.id}\n                          label={chain.label}\n                          icon={CHAIN_ICONS[chain.id] ?? UNKNOWN_ICON}\n                          isSelected={selected === chain.id}\n                          isFocused={focus}\n                          onMsg={(msg) => {\n                            switch (msg.type) {\n                              case 'on_click_chain':\n                                close();\n                                onMsg(msg);\n                                break;\n                              default:\n                                notReachable(msg.type, { throwError: false });\n                            }\n                          }}\n                        />\n                      )}\n                    </MenuItem>\n                  );\n                })}\n              </MenuItems>\n            )}\n          </AnimatePresence>\n        </div>\n      )}\n    </Menu>\n  );\n};\n"],"names":["ChainsDropdown","variant","selected","chainsFilter","onMsg","t","useTypedTranslation","chains","useChains","appIcon","appName","useConfig","hasIntentsAccountMenuItem","jsx","Menu","open","close","MenuButton","Fragment","isOpen","jsxs","ChevronLeft","AnimatePresence","MenuItems","motion","MenuItem","focus","ChainItem","AllNetworksIcon","msg","notReachable","UNKNOWN_ICON","Hr","chain","CHAIN_ICONS"],"mappings":"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"}

package/dist/features/ChainsSelector/index.d.ts

@@ -0,0 +1,15 @@
+import { Chains, ChainsFilter } from '../../types/chain';
+type SelectedChain = 'all' | 'intents' | Chains;
+type Msg = {
+    type: 'on_select_chain';
+    chain: SelectedChain;
+};
+type Props = {
+    variant: 'source' | 'target';
+    chainsFilter: ChainsFilter;
+    selectedChain: SelectedChain;
+    className?: string;
+    onMsg: (msg: Msg) => void;
+};
+export declare const ChainsSelector: ({ variant, chainsFilter, selectedChain, className, onMsg, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/ChainsSelector/index.js

@@ -0,0 +1,108 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { ChainsDropdown as S } from "../ChainsDropdown/index.js";
+import { CHAIN_ICONS as s } from "../../icons/index.js";
+import { ChainShortcut as n } from "../../components/ChainShortcut.js";
+import { cn as k } from "../../utils/cn.js";
+import { d as w, y as C } from "../../config-C47AYcMK.js";
+import "react";
+import "@tanstack/react-query";
+import "@defuse-protocol/one-click-sdk-typescript";
+import "../../constants/chains.js";
+import "ethers";
+import "../../machine/machine.js";
+import { notReachable as x } from "../../utils/notReachable.js";
+import "zod";
+import "../../utils/near/rpc.js";
+import "../../index-DEq3oXQF.js";
+import "@defuse-protocol/intents-sdk";
+import "change-case";
+import "@defuse-protocol/internal-utils";
+import "bs58";
+import "../../index-xuotMAFm.js";
+import "axios";
+import "../../network.js";
+import "viem";
+import { noop as N } from "../../utils/noop.js";
+import "viem/chains";
+import "browser-or-node";
+const $ = ({
+  variant: l,
+  chainsFilter: a,
+  selectedChain: o,
+  className: f,
+  onMsg: e
+}) => {
+  const p = w(l), {
+    appIcon: u,
+    appName: h,
+    topChainShortcuts: d,
+    intentsAccountType: _,
+    showIntentTokens: b
+  } = C(), m = d?.(_) ?? ["eth", "btc", "sol", "near"];
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: k("flex items-center justify-between gap-sw-md", f),
+      children: [
+        /* @__PURE__ */ r(
+          n.All,
+          {
+            isSelected: o === "all",
+            onClick: () => e({ type: "on_select_chain", chain: "all" })
+          }
+        ),
+        /* @__PURE__ */ c("ul", { className: "flex items-center gap-sw-md", children: [
+          b && /* @__PURE__ */ r(
+            n,
+            {
+              icon: u,
+              label: h,
+              isSelected: o === "intents",
+              onClick: () => e({ type: "on_select_chain", chain: "intents" })
+            }
+          ),
+          m.map((t, y) => y === m.length - 1 && ![...m, "all", "intents"].includes(o) ? /* @__PURE__ */ r(
+            n,
+            {
+              isSelected: !0,
+              icon: s[o],
+              label: p.find((i) => i.id === o)?.label ?? "",
+              onClick: N
+            },
+            o
+          ) : p.some((i) => i.id === t) ? /* @__PURE__ */ r(
+            n,
+            {
+              icon: s[t],
+              isSelected: o === t,
+              label: p.find((i) => i.id === t)?.label ?? "",
+              onClick: () => e({ type: "on_select_chain", chain: t })
+            },
+            t
+          ) : null)
+        ] }),
+        /* @__PURE__ */ r(
+          S,
+          {
+            variant: l,
+            selected: o,
+            chainsFilter: a,
+            onMsg: (t) => {
+              switch (t.type) {
+                case "on_click_chain":
+                  e({ type: "on_select_chain", chain: t.chain });
+                  break;
+                default:
+                  x(t.type, { throwError: !1 });
+              }
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  $ as ChainsSelector
+};
+//# sourceMappingURL=index.js.map

package/dist/features/ChainsSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/features/ChainsSelector/index.tsx"],"sourcesContent":["import { ChainsDropdown } from '../ChainsDropdown';\n\nimport { CHAIN_ICONS } from '@/icons';\nimport { ChainShortcut } from '@/components/ChainShortcut';\n\nimport { cn } from '@/utils/cn';\nimport { useChains } from '@/hooks';\nimport { useConfig } from '@/config';\nimport { noop } from '@/utils/noop';\nimport { notReachable } from '@/utils/notReachable';\nimport type { Chains, ChainsFilter } from '@/types/chain';\n\ntype SelectedChain = 'all' | 'intents' | Chains;\n\ntype Msg = { type: 'on_select_chain'; chain: SelectedChain };\n\ntype Props = {\n  variant: 'source' | 'target';\n  chainsFilter: ChainsFilter;\n  selectedChain: SelectedChain;\n  className?: string;\n  onMsg: (msg: Msg) => void;\n};\n\nexport const ChainsSelector = ({\n  variant,\n  chainsFilter,\n  selectedChain,\n  className,\n  onMsg,\n}: Props) => {\n  const chains = useChains(variant);\n  const {\n    appIcon,\n    appName,\n    topChainShortcuts,\n    intentsAccountType,\n    showIntentTokens,\n  } = useConfig();\n\n  const topChains =\n    topChainShortcuts?.(intentsAccountType) ??\n    (['eth', 'btc', 'sol', 'near'] as const);\n\n  return (\n    <div\n      className={cn('flex items-center justify-between gap-sw-md', className)}>\n      <ChainShortcut.All\n        isSelected={selectedChain === 'all'}\n        onClick={() => onMsg({ type: 'on_select_chain', chain: 'all' })}\n      />\n\n      <ul className=\"flex items-center gap-sw-md\">\n        {showIntentTokens && (\n          <ChainShortcut\n            icon={appIcon}\n            label={appName}\n            isSelected={selectedChain === 'intents'}\n            onClick={() => onMsg({ type: 'on_select_chain', chain: 'intents' })}\n          />\n        )}\n\n        {topChains.map((chain, index) => {\n          // last shortcut reserved for the selected chain\n          if (\n            index === topChains.length - 1 &&\n            ![...topChains, 'all', 'intents'].includes(selectedChain)\n          ) {\n            return (\n              <ChainShortcut\n                isSelected\n                key={selectedChain}\n                icon={CHAIN_ICONS[selectedChain as Chains]}\n                label={chains.find((c) => c.id === selectedChain)?.label ?? ''}\n                onClick={noop}\n              />\n            );\n          }\n\n          // check it here to respect global chain filters\n          if (chains.some((c) => c.id === chain)) {\n            return (\n              <ChainShortcut\n                key={chain}\n                icon={CHAIN_ICONS[chain]}\n                isSelected={selectedChain === chain}\n                label={chains.find((c) => c.id === chain)?.label ?? ''}\n                onClick={() => onMsg({ type: 'on_select_chain', chain })}\n              />\n            );\n          }\n\n          return null;\n        })}\n      </ul>\n\n      <ChainsDropdown\n        variant={variant}\n        selected={selectedChain}\n        chainsFilter={chainsFilter}\n        onMsg={(msg) => {\n          switch (msg.type) {\n            case 'on_click_chain':\n              onMsg({ type: 'on_select_chain', chain: msg.chain });\n              break;\n            default:\n              notReachable(msg.type, { throwError: false });\n          }\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["ChainsSelector","variant","chainsFilter","selectedChain","className","onMsg","chains","useChains","appIcon","appName","topChainShortcuts","intentsAccountType","showIntentTokens","useConfig","topChains","jsxs","cn","jsx","ChainShortcut","chain","index","CHAIN_ICONS","c","noop","ChainsDropdown","msg","notReachable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AACF,MAAa;AACX,QAAMC,IAASC,EAAUN,CAAO,GAC1B;AAAA,IACJ,SAAAO;AAAA,IACA,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IACJJ,IAAoBC,CAAkB,KACrC,CAAC,OAAO,OAAO,OAAO,MAAM;AAE/B,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,+CAA+CZ,CAAS;AAAA,MACtE,UAAA;AAAA,QAAA,gBAAAa;AAAA,UAACC,EAAc;AAAA,UAAd;AAAA,YACC,YAAYf,MAAkB;AAAA,YAC9B,SAAS,MAAME,EAAM,EAAE,MAAM,mBAAmB,OAAO,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGhE,gBAAAU,EAAC,MAAA,EAAG,WAAU,+BACX,UAAA;AAAA,UAAAH,KACC,gBAAAK;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAMV;AAAA,cACN,OAAOC;AAAA,cACP,YAAYN,MAAkB;AAAA,cAC9B,SAAS,MAAME,EAAM,EAAE,MAAM,mBAAmB,OAAO,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,UAIrES,EAAU,IAAI,CAACK,GAAOC,MAGnBA,MAAUN,EAAU,SAAS,KAC7B,CAAC,CAAC,GAAGA,GAAW,OAAO,SAAS,EAAE,SAASX,CAAa,IAGtD,gBAAAc;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,YAAU;AAAA,cAEV,MAAMG,EAAYlB,CAAuB;AAAA,cACzC,OAAOG,EAAO,KAAK,CAACgB,MAAMA,EAAE,OAAOnB,CAAa,GAAG,SAAS;AAAA,cAC5D,SAASoB;AAAA,YAAA;AAAA,YAHJpB;AAAA,UAAA,IASPG,EAAO,KAAK,CAACgB,MAAMA,EAAE,OAAOH,CAAK,IAEjC,gBAAAF;AAAA,YAACC;AAAA,YAAA;AAAA,cAEC,MAAMG,EAAYF,CAAK;AAAA,cACvB,YAAYhB,MAAkBgB;AAAA,cAC9B,OAAOb,EAAO,KAAK,CAACgB,MAAMA,EAAE,OAAOH,CAAK,GAAG,SAAS;AAAA,cACpD,SAAS,MAAMd,EAAM,EAAE,MAAM,mBAAmB,OAAAc,GAAO;AAAA,YAAA;AAAA,YAJlDA;AAAA,UAAA,IASJ,IACR;AAAA,QAAA,GACH;AAAA,QAEA,gBAAAF;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,SAAAvB;AAAA,YACA,UAAUE;AAAA,YACV,cAAAD;AAAA,YACA,OAAO,CAACuB,MAAQ;AACd,sBAAQA,EAAI,MAAA;AAAA,gBACV,KAAK;AACH,kBAAApB,EAAM,EAAE,MAAM,mBAAmB,OAAOoB,EAAI,OAAO;AACnD;AAAA,gBACF;AACE,kBAAAC,EAAaD,EAAI,MAAM,EAAE,YAAY,IAAO;AAAA,cAAA;AAAA,YAElD;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/features/DepositMethodSwitcher.js

@@ -4,7 +4,7 @@ import { WalletW700 as n } from "@material-symbols-svg/react-rounded/icons/walle
 import { cn as p } from "../utils/cn.js";
 import { Card as c } from "../components/Card.js";
 import { Button as i } from "../components/Button.js";
-import { b as d } from "../config-BMvXuF1-.js";
+import { b as d } from "../config-C47AYcMK.js";
 import "ethers";
 import "../machine/machine.js";
 import { fireEvent as x } from "../machine/events/utils/fireEvent.js";

package/dist/features/ErrorBoundary.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react-error-boundary";
-import { ag as p } from "../config-BMvXuF1-.js";
+import { ag as p } from "../config-C47AYcMK.js";
 export {
   p as ErrorBoundary
 };

package/dist/features/ExternalDeposit.js

@@ -12,7 +12,7 @@ import { formatAddressTruncate as _ } from "../utils/formatters/formatAddressTru
 import "../utils/cn.js";
 import { notReachable as l } from "../utils/notReachable.js";
 import "@tanstack/react-query";
-import { b as E, u as I } from "../config-BMvXuF1-.js";
+import { b as E, u as I } from "../config-C47AYcMK.js";
 import { guardStates as k } from "../machine/guards/index.js";
 import { moveTo as A } from "../machine/machine.js";
 import { fireEvent as o } from "../machine/events/utils/fireEvent.js";
@@ -43,6 +43,7 @@ import "../components/Input.js";
 import "../components/InputAmount.js";
 import "../components/Notes.js";
 import { StatusWidget as n } from "../components/StatusWidget.js";
+import "../components/ChainShortcut.js";
 const f = ({ address: r }) => /* @__PURE__ */ c("div", { className: "flex flex-col gap-sw-2xl items-center", children: [
   /* @__PURE__ */ t("div", { className: "p-sw-lg m-sw-lg mx-auto w-fit rounded-sw-md bg-[#fff]", children: /* @__PURE__ */ t(w, { size: 156, value: r, fgColor: "#161926" }) }),
   /* @__PURE__ */ c("div", { className: "py-sw-lg px-sw-lg w-full flex items-center justify-between rounded-sw-md bg-sw-gray-800", children: [
@@ -58,7 +59,7 @@ const f = ({ address: r }) => /* @__PURE__ */ c("div", { className: "flex flex-c
       /* @__PURE__ */ t("span", { className: "text-sw-gray-100 text-sw-label-sm", children: T(i.sourceTokenAmount) ? r("deposit.external.loading.fetching", "Fetching new address") : r("deposit.external.loading.waiting", "Waiting for token amount") })
     ] })
   ] });
-}, ht = ({ onMsg: r }) => {
+}, Dt = ({ onMsg: r }) => {
   const { t: i } = S(), { ctx: s } = E(), { isNativeNearDeposit: u } = I(), p = k(s, [
     "quote_success_external",
     "quote_success_internal"
@@ -166,6 +167,6 @@ const f = ({ address: r }) => /* @__PURE__ */ c("div", { className: "flex flex-c
   }
 };
 export {
-  ht as ExternalDeposit
+  Dt as ExternalDeposit
 };
 //# sourceMappingURL=ExternalDeposit.js.map