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

package/dist/config.js

@@ -8,20 +8,30 @@ import "react";
 import "@tanstack/react-query";
 import "react-i18next";
 import "./localisation.js";
-import { W as M, ah as N, y as O } from "./config-DJObWR7Z.js";
+import { W as ro, ah as to, y as mo } from "./config-BMvXuF1-.js";
 import "@headlessui/react";
+import "@material-symbols-svg/react-rounded/icons/chevron-left";
 import "framer-motion";
-import "lucide-react";
 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";
 import "use-debounce";
+import "@material-symbols-svg/react-rounded/icons/wand-shine";
 import "./components/Input.js";
+import "@material-symbols-svg/react-rounded/icons/close";
+import "@material-symbols-svg/react-rounded/icons/emergency";
+import "@material-symbols-svg/react-rounded/icons/error";
+import "@material-symbols-svg/react-rounded/icons/verified";
 import "viem";
 import "ethers";
 import "./machine/machine.js";
+import "@material-symbols-svg/react-rounded/w700";
 import "copy-text-to-clipboard";
+import "@material-symbols-svg/react-rounded/icons/content-copy";
+import "./components/Notes.js";
+import "@material-symbols-svg/react-rounded/icons/progress-activity";
 import "zod";
 import "./utils/near/rpc.js";
 import "./index-DEq3oXQF.js";
@@ -33,14 +43,19 @@ import "axios";
 import "./network.js";
 import "viem/chains";
 import "browser-or-node";
+import "@material-symbols-svg/react-rounded/icons/search";
+import "@material-symbols-svg/react-rounded/icons/arrow-downward";
 import "qrcode.react";
+import "@material-symbols-svg/react-rounded/icons/cached";
 import "./components/InputAmount.js";
-import "./components/Notes.js";
+import "@material-symbols-svg/react-rounded/icons/check-circle";
+import "@material-symbols-svg/react-rounded/icons/qr-code";
+import "@material-symbols-svg/react-rounded/icons/wallet";
 import "./rpcs.js";
 import "./hooks/useAddClassToPortal.js";
 export {
-  M as WidgetConfigProvider,
-  N as configStore,
-  O as useConfig
+  ro as WidgetConfigProvider,
+  to as configStore,
+  mo as useConfig
 };
 //# sourceMappingURL=config.js.map

package/dist/config.js.map

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

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-DJObWR7Z.js";
+import { M as t, Q as e, w as E, v as m, x as p } from "./config-BMvXuF1-.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-DJObWR7Z.js";
+import { t as s } from "../../config-BMvXuF1-.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-DJObWR7Z.js";
+import { t } from "../config-BMvXuF1-.js";
 export {
   t as useAlchemyBalanceIntegration
 };

package/dist/features/BalanceRpcLoader/TokenBalanceLoader.js

@@ -1,5 +1,5 @@
 import "react";
-import { E as r } from "../../config-DJObWR7Z.js";
+import { E as r } from "../../config-BMvXuF1-.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-DJObWR7Z.js";
+import { B as i } from "../../config-BMvXuF1-.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-DJObWR7Z.js";
+import { D as x } from "../../config-BMvXuF1-.js";
 import "../../utils/evm/isEvmChain.js";
 import "../../utils/evm/isEvmToken.js";
 import "../../utils/evm/isEvmBaseToken.js";

package/dist/features/ChainsDropdown/AllNetworksIcon.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import * as s from "lucide-react";
-const c = () => /* @__PURE__ */ e("div", { className: "bg-sw-accent-500 flex h-[28px] w-[28px] items-center justify-center", children: /* @__PURE__ */ e(s.Target, { size: 16, className: "text-sw-accent-950" }) });
+import { TargetW700 as t } from "@material-symbols-svg/react-rounded/icons/target";
+const r = () => /* @__PURE__ */ e("div", { className: "bg-sw-accent-500 flex h-[28px] w-[28px] items-center justify-center", children: /* @__PURE__ */ e(t, { size: 16, className: "text-sw-accent-950" }) });
 export {
-  c as AllNetworksIcon
+  r as AllNetworksIcon
 };
 //# sourceMappingURL=AllNetworksIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AllNetworksIcon.js","sources":["../../../src/features/ChainsDropdown/AllNetworksIcon.tsx"],"sourcesContent":["import * as Icons from 'lucide-react';\n\nexport const AllNetworksIcon = () => (\n  <div className=\"bg-sw-accent-500 flex h-[28px] w-[28px] items-center justify-center\">\n    <Icons.Target size={16} className=\"text-sw-accent-950\" />\n  </div>\n);\n"],"names":["AllNetworksIcon","jsx","Icons"],"mappings":";;AAEO,MAAMA,IAAkB,MAC7B,gBAAAC,EAAC,OAAA,EAAI,WAAU,uEACb,UAAA,gBAAAA,EAACC,EAAM,QAAN,EAAa,MAAM,IAAI,WAAU,sBAAqB,EAAA,CACzD;"}
+{"version":3,"file":"AllNetworksIcon.js","sources":["../../../src/features/ChainsDropdown/AllNetworksIcon.tsx"],"sourcesContent":["import { TargetW700 as Target } from '@material-symbols-svg/react-rounded/icons/target';\n\nexport const AllNetworksIcon = () => (\n  <div className=\"bg-sw-accent-500 flex h-[28px] w-[28px] items-center justify-center\">\n    <Target size={16} className=\"text-sw-accent-950\" />\n  </div>\n);\n"],"names":["AllNetworksIcon","jsx","Target"],"mappings":";;AAEO,MAAMA,IAAkB,MAC7B,gBAAAC,EAAC,OAAA,EAAI,WAAU,uEACb,UAAA,gBAAAA,EAACC,GAAA,EAAO,MAAM,IAAI,WAAU,qBAAA,CAAqB,EAAA,CACnD;"}

package/dist/features/ChainsDropdown/ChainItem.js

@@ -1,10 +1,10 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import p from "react";
-import * as w from "lucide-react";
+import { CheckW700 as w } 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 d = p.forwardRef(
-  ({ chain: e, label: o, icon: n, isFocused: s, isSelected: r, className: m, onMsg: a }, c) => /* @__PURE__ */ i(
+const u = p.forwardRef(
+  ({ chain: e, label: o, icon: m, isFocused: s, isSelected: r, className: n, onMsg: a }, c) => /* @__PURE__ */ i(
     "button",
     {
       ref: c,
@@ -16,17 +16,17 @@ const d = p.forwardRef(
         {
           "hover:text-sw-accent-200 hover:bg-sw-gray-700": !r && !s
         },
-        m
+        n
       ),
       children: [
-        /* @__PURE__ */ t(x, { radius: 10, label: o, icon: n }),
+        /* @__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.Check, { size: 16 })
+        r && /* @__PURE__ */ t(w, { size: 16 })
       ]
     }
   )
 );
 export {
-  d as ChainItem
+  u 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 * as Icons from 'lucide-react';\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 && <Icons.Check size={16} />}\n    </button>\n  ),\n);\n"],"names":["ChainItem","React","chain","label","icon","isFocused","isSelected","className","onMsg","ref","jsxs","cn","jsx","Icon","Icons"],"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,EAAM,OAAN,EAAY,MAAM,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5C;"}
+{"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;"}

package/dist/features/ChainsDropdown/index.js

@@ -1,30 +1,30 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import { useMemo as A, Fragment as M } from "react";
-import { Menu as v, MenuButton as S, MenuItems as E, MenuItem as p } from "@headlessui/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 * as x from "lucide-react";
-import { ChainItem as d } from "./ChainItem.js";
+import { ChainItem as p } from "./ChainItem.js";
 import { AllNetworksIcon as h } from "./AllNetworksIcon.js";
-import { d as z, y as O } from "../../config-DJObWR7Z.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 D } from "../../localisation.js";
+import { useTypedTranslation as W } from "../../localisation.js";
 import { ASSET_ICONS as k, UNKNOWN_ICON as w } from "../../icons/index.js";
-const V = ({
-  variant: I,
-  selected: o,
-  chainsFilter: N,
-  onMsg: t
+const X = ({
+  variant: N,
+  selected: t,
+  chainsFilter: _,
+  onMsg: o
 }) => {
-  const { t: _ } = D(), a = z(I), { appIcon: f, appName: b, showIntentTokens: C } = O(), g = A(
-    () => a.find((s) => s.id === o),
-    [a, o]
-  ), y = N.intents !== "none";
-  return /* @__PURE__ */ e(v, { children: ({ open: s, close: l }) => /* @__PURE__ */ m("div", { children: [
-    /* @__PURE__ */ e(S, { 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: [
+  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 (o) {
+        switch (t) {
           case "all":
             return /* @__PURE__ */ e(
               i,
@@ -42,19 +42,31 @@ const V = ({
               {
                 radius: 10,
                 label: g.label,
-                icon: k[o] ?? w
+                icon: k[t] ?? w
               }
             ) : /* @__PURE__ */ e(
               i,
               {
                 radius: 10,
                 icon: /* @__PURE__ */ e(h, {}),
-                label: _("chain.all.label", "All networks")
+                label: I("chain.all.label", "All networks")
               }
             );
         }
       })(),
-      n ? /* @__PURE__ */ e(x.ChevronUp, { size: 18, className: "text-sw-gray-50" }) : /* @__PURE__ */ e(x.ChevronDown, { size: 18, className: "text-sw-gray-50" })
+      n ? /* @__PURE__ */ e(
+        x,
+        {
+          size: 18,
+          className: "text-sw-gray-50 rotate-90"
+        }
+      ) : /* @__PURE__ */ e(
+        x,
+        {
+          size: 18,
+          className: "text-sw-gray-50 -rotate-90"
+        }
+      )
     ] }) }),
     /* @__PURE__ */ e(F, { children: s && /* @__PURE__ */ m(
       E,
@@ -66,18 +78,18 @@ const V = ({
         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(p, { children: ({ focus: n }) => /* @__PURE__ */ e(
-            d,
+          a.length > 1 && /* @__PURE__ */ e(d, { children: ({ focus: n }) => /* @__PURE__ */ e(
+            p,
             {
               chain: "all",
               label: "All networks",
-              isSelected: o === "all",
+              isSelected: t === "all",
               isFocused: n,
               icon: /* @__PURE__ */ e(h, {}),
               onMsg: (r) => {
                 switch (r.type) {
                   case "on_click_chain":
-                    l(), t(r);
+                    l(), o(r);
                     break;
                   default:
                     u(r.type, { throwError: !1 });
@@ -85,18 +97,18 @@ const V = ({
               }
             }
           ) }),
-          y && /* @__PURE__ */ e(p, { children: ({ focus: n }) => /* @__PURE__ */ e(
-            d,
+          y && /* @__PURE__ */ e(d, { children: ({ focus: n }) => /* @__PURE__ */ e(
+            p,
             {
               chain: "intents",
               label: b,
-              isSelected: o === "intents",
+              isSelected: t === "intents",
               isFocused: n,
               icon: f ?? w,
               onMsg: (r) => {
                 switch (r.type) {
                   case "on_click_chain":
-                    l(), t(r);
+                    l(), o(r);
                     break;
                   default:
                     u(r.type, { throwError: !1 });
@@ -105,18 +117,18 @@ const V = ({
             }
           ) }),
           !!a.length && !!(a.length > 1 || y) && /* @__PURE__ */ e(j, { className: "shrink-0 my-sw-sm bg-sw-gray-700" }),
-          a.map((n) => /* @__PURE__ */ e(p, { children: ({ focus: r }) => /* @__PURE__ */ e(
-            d,
+          a.map((n) => /* @__PURE__ */ e(d, { children: ({ focus: r }) => /* @__PURE__ */ e(
+            p,
             {
               chain: n.id,
               label: n.label,
               icon: k[n.id] ?? w,
-              isSelected: o === n.id,
+              isSelected: t === n.id,
               isFocused: r,
               onMsg: (c) => {
                 switch (c.type) {
                   case "on_click_chain":
-                    l(), t(c);
+                    l(), o(c);
                     break;
                   default:
                     u(c.type, { throwError: !1 });
@@ -130,6 +142,6 @@ const V = ({
   ] }) });
 };
 export {
-  V as ChainsDropdown
+  X 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 { AnimatePresence, motion } from 'framer-motion';\nimport * as Icons from 'lucide-react';\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                  <Icons.ChevronUp size={18} className=\"text-sw-gray-50\" />\n                ) : (\n                  <Icons.ChevronDown size={18} className=\"text-sw-gray-50\" />\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","Icons","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, 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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"}

package/dist/features/DepositMethodSwitcher.js

@@ -1,27 +1,28 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import * as l from "lucide-react";
-import { cn as m } from "../utils/cn.js";
-import { Card as p } from "../components/Card.js";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { QrCodeW700 as m } from "@material-symbols-svg/react-rounded/icons/qr-code";
+import { WalletW700 as n } from "@material-symbols-svg/react-rounded/icons/wallet";
+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 c } from "../config-DJObWR7Z.js";
+import { b as d } from "../config-BMvXuF1-.js";
 import "ethers";
 import "../machine/machine.js";
-import { fireEvent as d } from "../machine/events/utils/fireEvent.js";
-const D = ({ children: s, className: a }) => {
-  const { ctx: e } = c(), o = (n) => {
-    d("depositTypeSet", { isExternal: n });
+import { fireEvent as x } from "../machine/events/utils/fireEvent.js";
+const F = ({ children: l, className: s }) => {
+  const { ctx: e } = d(), r = (a) => {
+    x("depositTypeSet", { isExternal: a });
   };
-  return /* @__PURE__ */ r(p, { className: m("gap-sw-2xl p-sw-2xl flex flex-col", a), children: [
+  return /* @__PURE__ */ o(c, { className: p("gap-sw-2xl p-sw-2xl flex flex-col", s), children: [
     /* @__PURE__ */ t("span", { className: "text-sw-label-md text-sw-gray-50", children: "Select deposit method" }),
-    /* @__PURE__ */ r("div", { className: "flex gap-sw-lg", children: [
+    /* @__PURE__ */ o("div", { className: "flex gap-sw-lg", children: [
       /* @__PURE__ */ t(
         i,
         {
           size: "md",
-          icon: l.Wallet2,
+          icon: n,
           state: e.isDepositFromExternalWallet ? "default" : "active",
           variant: e.isDepositFromExternalWallet ? "outlined" : "primary",
-          onClick: () => o(!1),
+          onClick: () => r(!1),
           children: "My wallet"
         }
       ),
@@ -29,18 +30,18 @@ const D = ({ children: s, className: a }) => {
         i,
         {
           size: "md",
-          icon: l.QrCode,
+          icon: m,
           state: e.isDepositFromExternalWallet ? "active" : "default",
           variant: e.isDepositFromExternalWallet ? "primary" : "outlined",
-          onClick: () => o(!0),
+          onClick: () => r(!0),
           children: "QR / Address"
         }
       )
     ] }),
-    s({ isExternal: e.isDepositFromExternalWallet })
+    l({ isExternal: e.isDepositFromExternalWallet })
   ] });
 };
 export {
-  D as DepositMethodSwitcher
+  F as DepositMethodSwitcher
 };
 //# sourceMappingURL=DepositMethodSwitcher.js.map

package/dist/features/DepositMethodSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"DepositMethodSwitcher.js","sources":["../../src/features/DepositMethodSwitcher.tsx"],"sourcesContent":["import * as Icons from 'lucide-react';\n\nimport { cn } from '@/utils/cn';\nimport { Card } from '@/components/Card';\nimport { Button } from '@/components/Button';\nimport { useUnsafeSnapshot } from '@/machine/snap';\nimport { fireEvent } from '@/machine';\n\ntype Props = {\n  className?: string;\n  children: ({ isExternal }: { isExternal: boolean }) => React.ReactNode;\n};\n\nexport const DepositMethodSwitcher = ({ children, className }: Props) => {\n  const { ctx } = useUnsafeSnapshot();\n\n  const onToggle = (isExternal: boolean) => {\n    fireEvent('depositTypeSet', { isExternal });\n  };\n\n  return (\n    <Card className={cn('gap-sw-2xl p-sw-2xl flex flex-col', className)}>\n      <span className=\"text-sw-label-md text-sw-gray-50\">\n        Select deposit method\n      </span>\n      <div className=\"flex gap-sw-lg\">\n        <Button\n          size=\"md\"\n          icon={Icons.Wallet2}\n          state={ctx.isDepositFromExternalWallet ? 'default' : 'active'}\n          variant={ctx.isDepositFromExternalWallet ? 'outlined' : 'primary'}\n          onClick={() => onToggle(false)}>\n          My wallet\n        </Button>\n        <Button\n          size=\"md\"\n          icon={Icons.QrCode}\n          state={ctx.isDepositFromExternalWallet ? 'active' : 'default'}\n          variant={ctx.isDepositFromExternalWallet ? 'primary' : 'outlined'}\n          onClick={() => onToggle(true)}>\n          QR / Address\n        </Button>\n      </div>\n\n      {children({ isExternal: ctx.isDepositFromExternalWallet })}\n    </Card>\n  );\n};\n"],"names":["DepositMethodSwitcher","children","className","ctx","useUnsafeSnapshot","onToggle","isExternal","fireEvent","Card","cn","jsx","jsxs","Button","Icons"],"mappings":";;;;;;;;;AAaO,MAAMA,IAAwB,CAAC,EAAE,UAAAC,GAAU,WAAAC,QAAuB;AACvE,QAAM,EAAE,KAAAC,EAAA,IAAQC,EAAA,GAEVC,IAAW,CAACC,MAAwB;AACxC,IAAAC,EAAU,kBAAkB,EAAE,YAAAD,GAAY;AAAA,EAC5C;AAEA,2BACGE,GAAA,EAAK,WAAWC,EAAG,qCAAqCP,CAAS,GAChE,UAAA;AAAA,IAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAU,oCAAmC,UAAA,yBAEnD;AAAA,IACA,gBAAAC,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAMC,EAAM;AAAA,UACZ,OAAOV,EAAI,8BAA8B,YAAY;AAAA,UACrD,SAASA,EAAI,8BAA8B,aAAa;AAAA,UACxD,SAAS,MAAME,EAAS,EAAK;AAAA,UAAG,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGlC,gBAAAK;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAMC,EAAM;AAAA,UACZ,OAAOV,EAAI,8BAA8B,WAAW;AAAA,UACpD,SAASA,EAAI,8BAA8B,YAAY;AAAA,UACvD,SAAS,MAAME,EAAS,EAAI;AAAA,UAAG,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjC,GACF;AAAA,IAECJ,EAAS,EAAE,YAAYE,EAAI,6BAA6B;AAAA,EAAA,GAC3D;AAEJ;"}
+{"version":3,"file":"DepositMethodSwitcher.js","sources":["../../src/features/DepositMethodSwitcher.tsx"],"sourcesContent":["import { QrCodeW700 as QrCode } from '@material-symbols-svg/react-rounded/icons/qr-code';\nimport { WalletW700 as Wallet } from '@material-symbols-svg/react-rounded/icons/wallet';\n\nimport { cn } from '@/utils/cn';\nimport { Card } from '@/components/Card';\nimport { Button } from '@/components/Button';\nimport { useUnsafeSnapshot } from '@/machine/snap';\nimport { fireEvent } from '@/machine';\n\ntype Props = {\n  className?: string;\n  children: ({ isExternal }: { isExternal: boolean }) => React.ReactNode;\n};\n\nexport const DepositMethodSwitcher = ({ children, className }: Props) => {\n  const { ctx } = useUnsafeSnapshot();\n\n  const onToggle = (isExternal: boolean) => {\n    fireEvent('depositTypeSet', { isExternal });\n  };\n\n  return (\n    <Card className={cn('gap-sw-2xl p-sw-2xl flex flex-col', className)}>\n      <span className=\"text-sw-label-md text-sw-gray-50\">\n        Select deposit method\n      </span>\n      <div className=\"flex gap-sw-lg\">\n        <Button\n          size=\"md\"\n          icon={Wallet}\n          state={ctx.isDepositFromExternalWallet ? 'default' : 'active'}\n          variant={ctx.isDepositFromExternalWallet ? 'outlined' : 'primary'}\n          onClick={() => onToggle(false)}>\n          My wallet\n        </Button>\n        <Button\n          size=\"md\"\n          icon={QrCode}\n          state={ctx.isDepositFromExternalWallet ? 'active' : 'default'}\n          variant={ctx.isDepositFromExternalWallet ? 'primary' : 'outlined'}\n          onClick={() => onToggle(true)}>\n          QR / Address\n        </Button>\n      </div>\n\n      {children({ isExternal: ctx.isDepositFromExternalWallet })}\n    </Card>\n  );\n};\n"],"names":["DepositMethodSwitcher","children","className","ctx","useUnsafeSnapshot","onToggle","isExternal","fireEvent","Card","cn","jsx","jsxs","Button","Wallet","QrCode"],"mappings":";;;;;;;;;;AAcO,MAAMA,IAAwB,CAAC,EAAE,UAAAC,GAAU,WAAAC,QAAuB;AACvE,QAAM,EAAE,KAAAC,EAAA,IAAQC,EAAA,GAEVC,IAAW,CAACC,MAAwB;AACxC,IAAAC,EAAU,kBAAkB,EAAE,YAAAD,GAAY;AAAA,EAC5C;AAEA,2BACGE,GAAA,EAAK,WAAWC,EAAG,qCAAqCP,CAAS,GAChE,UAAA;AAAA,IAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAU,oCAAmC,UAAA,yBAEnD;AAAA,IACA,gBAAAC,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAMC;AAAAA,UACN,OAAOV,EAAI,8BAA8B,YAAY;AAAA,UACrD,SAASA,EAAI,8BAA8B,aAAa;AAAA,UACxD,SAAS,MAAME,EAAS,EAAK;AAAA,UAAG,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGlC,gBAAAK;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAME;AAAAA,UACN,OAAOX,EAAI,8BAA8B,WAAW;AAAA,UACpD,SAASA,EAAI,8BAA8B,YAAY;AAAA,UACvD,SAAS,MAAME,EAAS,EAAI;AAAA,UAAG,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjC,GACF;AAAA,IAECJ,EAAS,EAAE,YAAYE,EAAI,6BAA6B;AAAA,EAAA,GAC3D;AAEJ;"}

package/dist/features/ErrorBoundary.js

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

package/dist/features/ExternalDeposit.js

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { useEffect as w } from "react";
-import { QRCodeSVG as N } from "qrcode.react";
+import { useEffect as g } from "react";
+import { QRCodeSVG as w } from "qrcode.react";
 import { GetExecutionStatusResponse as e } from "@defuse-protocol/one-click-sdk-typescript";
-import * as g from "lucide-react";
+import { ProgressActivityW700 as N } from "@material-symbols-svg/react-rounded/icons/progress-activity";
 import { isNotEmptyAmount as T } from "../utils/checkers/isNotEmptyAmount.js";
 import { CHAIN_IDS_MAP as h } from "../constants/chains.js";
 import "viem";
@@ -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-DJObWR7Z.js";
+import { b as E, u as I } from "../config-BMvXuF1-.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";
@@ -30,14 +30,21 @@ import "viem/chains";
 import { useExternalDepositStatus as b } from "../hooks/useExternalDepositStatus/index.js";
 import "browser-or-node";
 import { useTypedTranslation as S } from "../localisation.js";
+import "@material-symbols-svg/react-rounded/icons/chevron-left";
+import "@material-symbols-svg/react-rounded/icons/close";
+import "@material-symbols-svg/react-rounded/icons/emergency";
+import "@material-symbols-svg/react-rounded/icons/error";
+import "@material-symbols-svg/react-rounded/icons/verified";
+import "@material-symbols-svg/react-rounded/icons/cached";
 import "@headlessui/react";
 import { CopyButton as R } from "../components/CopyButton.js";
+import "@material-symbols-svg/react-rounded/icons/arrow-downward";
 import "../components/Input.js";
 import "../components/InputAmount.js";
 import "../components/Notes.js";
 import { StatusWidget as n } from "../components/StatusWidget.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(N, { size: 156, value: r, fgColor: "#161926" }) }),
+  /* @__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: [
     /* @__PURE__ */ t("span", { className: "text-sw-label-md text-sw-gray-100", children: _(r, 38) }),
     /* @__PURE__ */ t(R, { value: r })
@@ -47,32 +54,32 @@ const f = ({ address: r }) => /* @__PURE__ */ c("div", { className: "flex flex-c
   return /* @__PURE__ */ c("div", { className: "flex flex-col gap-sw-2xl items-center", children: [
     /* @__PURE__ */ t("div", { className: "bg-sw-gray-800 h-[180px] w-[180px] animate-pulse rounded-sw-md" }),
     /* @__PURE__ */ c("div", { className: "bg-sw-gray-800 h-[44px] w-full animate-pulse rounded-sw-md flex items-center justify-center gap-sw-sm", children: [
-      /* @__PURE__ */ t(g.Loader, { className: "animate-spin text-sw-gray-100 h-sw-lg w-sw-lg" }),
+      /* @__PURE__ */ t(N, { className: "animate-spin text-sw-gray-100 h-sw-lg w-sw-lg" }),
       /* @__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") })
     ] })
   ] });
-}, ft = ({ onMsg: r }) => {
-  const { t: i } = S(), { ctx: s } = E(), { isNativeNearDeposit: m } = I(), p = k(s, [
+}, ht = ({ onMsg: r }) => {
+  const { t: i } = S(), { ctx: s } = E(), { isNativeNearDeposit: u } = I(), p = k(s, [
     "quote_success_external",
     "quote_success_internal"
-  ]), x = m && s.isDepositFromExternalWallet || !m && s.sourceToken?.assetId === s.targetToken?.assetId, a = b({
+  ]), x = u && s.isDepositFromExternalWallet || !u && s.sourceToken?.assetId === s.targetToken?.assetId, a = b({
     depositAddress: p ? s.quote.depositAddress : "",
     depositAddressType: x ? "poa" : "one_click"
   });
-  if (w(() => {
+  if (g(() => {
     const d = a.data?.status;
     if (a.data)
       switch (d) {
         case e.status.SUCCESS: {
-          const u = a.data.swapDetails.destinationChainTxHashes[0]?.hash;
+          const m = a.data.swapDetails.destinationChainTxHashes[0]?.hash;
           o("transferSetStatus", { status: "success" }), A("transfer_success"), r({
             type: "on_successful_transfer",
             transferResult: {
-              hash: u ?? "",
+              hash: m ?? "",
               intent: a.data.swapDetails.intentHashes[0],
-              transactionLink: (s.sourceToken && u && D(
+              transactionLink: (s.sourceToken && m && D(
                 h[s.sourceToken.blockchain],
-                u
+                m
               )) ?? ""
             }
           });
@@ -159,6 +166,6 @@ const f = ({ address: r }) => /* @__PURE__ */ c("div", { className: "flex flex-c
   }
 };
 export {
-  ft as ExternalDeposit
+  ht as ExternalDeposit
 };
 //# sourceMappingURL=ExternalDeposit.js.map