@aurora-is-near/intents-swap-widget 3.22.0 → 3.23.0

package/dist/machine/effects/useSetTokenIntentsTargetEffect.js

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

package/dist/machine/effects/useWalletConnEffect.js

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

package/dist/machine/events/index.js

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

package/dist/machine/events/tokenSelect.js

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

package/dist/machine/events/validateInputAndMoveTo.js

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

package/dist/machine/events/validateInputs.js

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

package/dist/machine/index.js

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

package/dist/machine/snap.js

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

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

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

package/dist/machine/subscriptions/index.js

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

package/dist/theme/ThemeProvider.js

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

package/dist/types/chain.d.ts

@@ -9,4 +9,8 @@ export type ChainsFilter = {
     intents: 'none' | 'all' | 'with-balance';
     external: 'none' | 'all' | 'wallet-supported';
 };
+export type ChainsFilters = {
+    target: ChainsFilter;
+    source: ChainsFilter;
+};
 export type ChainRpcUrls = Partial<Record<Chains, string[]>>;

package/dist/types/config.d.ts

@@ -1,5 +1,5 @@
 import { Quote, QuoteRequest } from '@defuse-protocol/one-click-sdk-typescript';
-import { Chains, ChainsFilter } from './chain';
+import { Chains } from './chain';
 import { SimpleToken, Token } from './token';
 import { FetchQuoteOptions } from './quote';
 export type WalletAddresses = Partial<Record<Chains | 'default', string | null>>;
@@ -8,6 +8,7 @@ export type PriorityAssets = ReadonlyArray<string> | ReadonlyArray<readonly [Cha
 export type WidgetConfig = {
     appName: string;
     appIcon?: string;
+    enableAccountAbstraction?: boolean;
     intentsAccountType?: IntentsAccountType;
     walletSupportedChains: ReadonlyArray<Chains>;
     connectedWallets: WalletAddresses;
@@ -32,10 +33,6 @@ export type WidgetConfig = {
     allowedSourceChainsList?: Chains[];
     allowedTargetChainsList?: Chains[];
     topChainShortcuts?: (intentsAccountType?: IntentsAccountType) => [Chains, Chains, Chains, Chains];
-    chainsFilter: {
-        source: ChainsFilter;
-        target: ChainsFilter;
-    };
     fetchQuote?: (data: QuoteRequest, options: FetchQuoteOptions) => Promise<Quote>;
     fetchSourceTokens?: () => Promise<SimpleToken[]>;
     fetchTargetTokens?: () => Promise<SimpleToken[]>;

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

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

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

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

package/dist/utils/near/getNearNep141StorageBalance.js

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

package/dist/widgets/Widget/WidgetContent.js

@@ -1,46 +1,49 @@
-import { jsxs as m, Fragment as w, jsx as e } from "react/jsx-runtime";
-import { useState as r } from "react";
-import { WidgetTabs as u } from "../../components/WidgetTabs.js";
-import { WidgetSwapContent as f } from "../WidgetSwap/WidgetSwapContent.js";
-import { WidgetDepositContent as g } from "../WidgetDeposit/WidgetDepositContent.js";
-import { WidgetWithdrawContent as b } from "../WidgetWithdraw/WidgetWithdrawContent.js";
-const x = ({ onMsg: a, ...o }) => {
-  const [c, i] = r(!0), [s, d] = r("swap"), p = (t) => {
-    d(t);
-  }, n = (t, l) => {
-    t.type === "on_tokens_modal_toggled" && i(!t.isOpen), t.type === "on_select_token" && i(!0), a?.(t, l);
+import { jsxs as u, Fragment as l, jsx as e } from "react/jsx-runtime";
+import { useState as c, useEffect as w } from "react";
+import { WidgetTabs as b } from "../../components/WidgetTabs.js";
+import { WidgetSwapContent as g } from "../WidgetSwap/WidgetSwapContent.js";
+import { WidgetDepositContent as h } from "../WidgetDeposit/WidgetDepositContent.js";
+import { WidgetWithdrawContent as T } from "../WidgetWithdraw/WidgetWithdrawContent.js";
+import { y as W } from "../../config-0TjbjBo5.js";
+const j = ({ onMsg: p, ...o }) => {
+  const [d, i] = c(!0), [r, a] = c("swap"), { enableAccountAbstraction: n } = W(), f = (t) => {
+    a(t);
+  }, s = (t, m) => {
+    t.type === "on_tokens_modal_toggled" && i(!t.isOpen), t.type === "on_select_token" && i(!0), p?.(t, m);
   };
-  return /* @__PURE__ */ m(w, { children: [
-    c && /* @__PURE__ */ e(u, { activeTab: s, onSelect: p }),
+  return w(() => {
+    n || a("swap");
+  }, [n]), /* @__PURE__ */ u(l, { children: [
+    n && d && /* @__PURE__ */ e(b, { activeTab: r, onSelect: f }),
     (() => {
-      switch (s) {
+      switch (r) {
         case "swap":
           return /* @__PURE__ */ e(
-            f,
+            g,
             {
               ...o,
               onMsg: (t) => {
-                n(t, "swap");
+                s(t, "swap");
               }
             }
           );
         case "deposit":
           return /* @__PURE__ */ e(
-            g,
+            h,
             {
               ...o,
               onMsg: (t) => {
-                n(t, "deposit");
+                s(t, "deposit");
               }
             }
           );
         case "withdraw":
           return /* @__PURE__ */ e(
-            b,
+            T,
             {
               ...o,
               onMsg: (t) => {
-                n(t, "withdraw");
+                s(t, "withdraw");
               }
             }
           );
@@ -51,6 +54,6 @@ const x = ({ onMsg: a, ...o }) => {
   ] });
 };
 export {
-  x as WidgetContent
+  j as WidgetContent
 };
 //# sourceMappingURL=WidgetContent.js.map

package/dist/widgets/Widget/WidgetContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetContent.js","sources":["../../../src/widgets/Widget/WidgetContent.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { WidgetTab, WidgetTabs } from '../../components/WidgetTabs';\nimport {\n  Msg as SwapMsg,\n  WidgetSwapContent,\n  Props as WidgetSwapProps,\n} from '../WidgetSwap/WidgetSwapContent';\nimport {\n  Msg as DepositMsg,\n  WidgetDepositContent,\n  Props as WidgetDepositProps,\n} from '../WidgetDeposit/WidgetDepositContent';\nimport {\n  WidgetWithdrawContent,\n  Props as WidgetWithdrawProps,\n  Msg as WithdrawMsg,\n} from '../WidgetWithdraw/WidgetWithdrawContent';\n\ntype WidgetType = 'swap' | 'deposit' | 'withdraw';\n\nexport type Props = Omit<\n  WidgetSwapProps | WidgetDepositProps | WidgetWithdrawProps,\n  'onMsg'\n> & {\n  onMsg?: (msg: Msg, widget: WidgetType) => void;\n};\n\ntype Msg = SwapMsg | DepositMsg | WithdrawMsg;\n\nexport const WidgetContent = ({ onMsg, ...restProps }: Props) => {\n  const [isTabsVisible, setIsTabsVisible] = useState(true);\n  const [activeTab, setActiveTab] = useState<WidgetTab>('swap');\n\n  const switchTab = (tab: WidgetTab) => {\n    setActiveTab(tab);\n  };\n\n  const handleMsg = <T extends Msg>(msg: T, widgetType: WidgetType) => {\n    if (msg.type === 'on_tokens_modal_toggled') {\n      setIsTabsVisible(!msg.isOpen);\n    }\n\n    if (msg.type === 'on_select_token') {\n      setIsTabsVisible(true);\n    }\n\n    onMsg?.(msg, widgetType);\n  };\n\n  return (\n    <>\n      {isTabsVisible && (\n        <WidgetTabs activeTab={activeTab} onSelect={switchTab} />\n      )}\n\n      {(() => {\n        switch (activeTab) {\n          case 'swap': {\n            return (\n              <WidgetSwapContent\n                {...restProps}\n                onMsg={(msg) => {\n                  handleMsg(msg, 'swap');\n                }}\n              />\n            );\n          }\n\n          case 'deposit': {\n            return (\n              <WidgetDepositContent\n                {...restProps}\n                onMsg={(msg) => {\n                  handleMsg(msg, 'deposit');\n                }}\n              />\n            );\n          }\n\n          case 'withdraw': {\n            return (\n              <WidgetWithdrawContent\n                {...restProps}\n                onMsg={(msg) => {\n                  handleMsg(msg, 'withdraw');\n                }}\n              />\n            );\n          }\n\n          default:\n            return null;\n        }\n      })()}\n    </>\n  );\n};\n"],"names":["WidgetContent","onMsg","restProps","isTabsVisible","setIsTabsVisible","useState","activeTab","setActiveTab","switchTab","tab","handleMsg","msg","widgetType","jsxs","Fragment","jsx","WidgetTabs","WidgetSwapContent","WidgetDepositContent","WidgetWithdrawContent"],"mappings":";;;;;;AA+BO,MAAMA,IAAgB,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAAuB;AAC/D,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAI,GACjD,CAACC,GAAWC,CAAY,IAAIF,EAAoB,MAAM,GAEtDG,IAAY,CAACC,MAAmB;AACpC,IAAAF,EAAaE,CAAG;AAAA,EAClB,GAEMC,IAAY,CAAgBC,GAAQC,MAA2B;AACnE,IAAID,EAAI,SAAS,6BACfP,EAAiB,CAACO,EAAI,MAAM,GAG1BA,EAAI,SAAS,qBACfP,EAAiB,EAAI,GAGvBH,IAAQU,GAAKC,CAAU;AAAA,EACzB;AAEA,SACE,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAX,KACC,gBAAAY,EAACC,GAAA,EAAW,WAAAV,GAAsB,UAAUE,GAAW;AAAA,KAGvD,MAAM;AACN,cAAQF,GAAA;AAAA,QACN,KAAK;AACH,iBACE,gBAAAS;AAAA,YAACE;AAAA,YAAA;AAAA,cACE,GAAGf;AAAA,cACJ,OAAO,CAACS,MAAQ;AACd,gBAAAD,EAAUC,GAAK,MAAM;AAAA,cACvB;AAAA,YAAA;AAAA,UAAA;AAAA,QAKN,KAAK;AACH,iBACE,gBAAAI;AAAA,YAACG;AAAA,YAAA;AAAA,cACE,GAAGhB;AAAA,cACJ,OAAO,CAACS,MAAQ;AACd,gBAAAD,EAAUC,GAAK,SAAS;AAAA,cAC1B;AAAA,YAAA;AAAA,UAAA;AAAA,QAKN,KAAK;AACH,iBACE,gBAAAI;AAAA,YAACI;AAAA,YAAA;AAAA,cACE,GAAGjB;AAAA,cACJ,OAAO,CAACS,MAAQ;AACd,gBAAAD,EAAUC,GAAK,UAAU;AAAA,cAC3B;AAAA,YAAA;AAAA,UAAA;AAAA,QAKN;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,GAAA;AAAA,EAAG,GACL;AAEJ;"}
+{"version":3,"file":"WidgetContent.js","sources":["../../../src/widgets/Widget/WidgetContent.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { WidgetTab, WidgetTabs } from '../../components/WidgetTabs';\nimport {\n  Msg as SwapMsg,\n  WidgetSwapContent,\n  Props as WidgetSwapProps,\n} from '../WidgetSwap/WidgetSwapContent';\nimport {\n  Msg as DepositMsg,\n  WidgetDepositContent,\n  Props as WidgetDepositProps,\n} from '../WidgetDeposit/WidgetDepositContent';\nimport {\n  WidgetWithdrawContent,\n  Props as WidgetWithdrawProps,\n  Msg as WithdrawMsg,\n} from '../WidgetWithdraw/WidgetWithdrawContent';\nimport { useConfig } from '../../config';\n\ntype WidgetType = 'swap' | 'deposit' | 'withdraw';\n\nexport type Props = Omit<\n  WidgetSwapProps | WidgetDepositProps | WidgetWithdrawProps,\n  'onMsg'\n> & {\n  onMsg?: (msg: Msg, widget: WidgetType) => void;\n};\n\ntype Msg = SwapMsg | DepositMsg | WithdrawMsg;\n\nexport const WidgetContent = ({ onMsg, ...restProps }: Props) => {\n  const [isTabsVisible, setIsTabsVisible] = useState(true);\n  const [activeTab, setActiveTab] = useState<WidgetTab>('swap');\n  const { enableAccountAbstraction } = useConfig();\n\n  const switchTab = (tab: WidgetTab) => {\n    setActiveTab(tab);\n  };\n\n  const handleMsg = <T extends Msg>(msg: T, widgetType: WidgetType) => {\n    if (msg.type === 'on_tokens_modal_toggled') {\n      setIsTabsVisible(!msg.isOpen);\n    }\n\n    if (msg.type === 'on_select_token') {\n      setIsTabsVisible(true);\n    }\n\n    onMsg?.(msg, widgetType);\n  };\n\n  useEffect(() => {\n    if (!enableAccountAbstraction) {\n      setActiveTab('swap');\n    }\n  }, [enableAccountAbstraction]);\n\n  return (\n    <>\n      {enableAccountAbstraction && isTabsVisible && (\n        <WidgetTabs activeTab={activeTab} onSelect={switchTab} />\n      )}\n\n      {(() => {\n        switch (activeTab) {\n          case 'swap': {\n            return (\n              <WidgetSwapContent\n                {...restProps}\n                onMsg={(msg) => {\n                  handleMsg(msg, 'swap');\n                }}\n              />\n            );\n          }\n\n          case 'deposit': {\n            return (\n              <WidgetDepositContent\n                {...restProps}\n                onMsg={(msg) => {\n                  handleMsg(msg, 'deposit');\n                }}\n              />\n            );\n          }\n\n          case 'withdraw': {\n            return (\n              <WidgetWithdrawContent\n                {...restProps}\n                onMsg={(msg) => {\n                  handleMsg(msg, 'withdraw');\n                }}\n              />\n            );\n          }\n\n          default:\n            return null;\n        }\n      })()}\n    </>\n  );\n};\n"],"names":["WidgetContent","onMsg","restProps","isTabsVisible","setIsTabsVisible","useState","activeTab","setActiveTab","enableAccountAbstraction","useConfig","switchTab","tab","handleMsg","msg","widgetType","useEffect","jsxs","Fragment","jsx","WidgetTabs","WidgetSwapContent","WidgetDepositContent","WidgetWithdrawContent"],"mappings":";;;;;;;AAgCO,MAAMA,IAAgB,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAAuB;AAC/D,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAI,GACjD,CAACC,GAAWC,CAAY,IAAIF,EAAoB,MAAM,GACtD,EAAE,0BAAAG,EAAA,IAA6BC,EAAA,GAE/BC,IAAY,CAACC,MAAmB;AACpC,IAAAJ,EAAaI,CAAG;AAAA,EAClB,GAEMC,IAAY,CAAgBC,GAAQC,MAA2B;AACnE,IAAID,EAAI,SAAS,6BACfT,EAAiB,CAACS,EAAI,MAAM,GAG1BA,EAAI,SAAS,qBACfT,EAAiB,EAAI,GAGvBH,IAAQY,GAAKC,CAAU;AAAA,EACzB;AAEA,SAAAC,EAAU,MAAM;AACd,IAAKP,KACHD,EAAa,MAAM;AAAA,EAEvB,GAAG,CAACC,CAAwB,CAAC,GAG3B,gBAAAQ,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAT,KAA4BL,KAC3B,gBAAAe,EAACC,GAAA,EAAW,WAAAb,GAAsB,UAAUI,GAAW;AAAA,KAGvD,MAAM;AACN,cAAQJ,GAAA;AAAA,QACN,KAAK;AACH,iBACE,gBAAAY;AAAA,YAACE;AAAA,YAAA;AAAA,cACE,GAAGlB;AAAA,cACJ,OAAO,CAACW,MAAQ;AACd,gBAAAD,EAAUC,GAAK,MAAM;AAAA,cACvB;AAAA,YAAA;AAAA,UAAA;AAAA,QAKN,KAAK;AACH,iBACE,gBAAAK;AAAA,YAACG;AAAA,YAAA;AAAA,cACE,GAAGnB;AAAA,cACJ,OAAO,CAACW,MAAQ;AACd,gBAAAD,EAAUC,GAAK,SAAS;AAAA,cAC1B;AAAA,YAAA;AAAA,UAAA;AAAA,QAKN,KAAK;AACH,iBACE,gBAAAK;AAAA,YAACI;AAAA,YAAA;AAAA,cACE,GAAGpB;AAAA,cACJ,OAAO,CAACW,MAAQ;AACd,gBAAAD,EAAUC,GAAK,UAAU;AAAA,cAC3B;AAAA,YAAA;AAAA,UAAA;AAAA,QAKN;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,GAAA;AAAA,EAAG,GACL;AAEJ;"}

package/dist/widgets/WidgetDeposit/WidgetDepositContent.js

@@ -1,9 +1,9 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import { useState as b, useEffect as p, useCallback as R } from "react";
-import { useTokenModal as A } from "../../hooks/useTokenModal.js";
-import { useTypedTranslation as F } from "../../localisation.js";
-import { WidgetDepositSkeleton as S } from "./WidgetDepositSkeleton.js";
-import { b as q, u as j, y as N, n as O, c as Q, p as U, o as K, S as P } from "../../config-Opy5ppbU.js";
+import { jsx as t, jsxs as _ } from "react/jsx-runtime";
+import { useState as y, useEffect as p, useCallback as B } from "react";
+import { useTokenModal as R } from "../../hooks/useTokenModal.js";
+import { useTypedTranslation as A } from "../../localisation.js";
+import { WidgetDepositSkeleton as b } from "./WidgetDepositSkeleton.js";
+import { b as F, u as q, y as j, n as N, c as O, p as Q, o as U, S as K } from "../../config-0TjbjBo5.js";
 import "@tanstack/react-query";
 import "@headlessui/react";
 import "@material-symbols-svg/react-rounded/icons/chevron-left";
@@ -15,20 +15,20 @@ import { notReachable as r } from "../../utils/notReachable.js";
 import "use-debounce";
 import "@material-symbols-svg/react-rounded/icons/wand-shine";
 import "../../components/Input.js";
-import { Banner as z } from "../../components/Banner.js";
-import { isDebug as G } from "../../utils/checkers/isDebug.js";
+import { Banner as P } from "../../components/Banner.js";
+import { isDebug as z } from "../../utils/checkers/isDebug.js";
 import "viem";
 import "ethers";
 import "../../machine/machine.js";
 import { fireEvent as u } from "../../machine/events/utils/fireEvent.js";
-import { SuccessScreen as H } from "../../features/SuccessScreen/index.js";
-import { TokensModal as J } from "../../features/TokensModal.js";
+import { SuccessScreen as G } from "../../features/SuccessScreen/index.js";
+import { TokensModal as H } from "../../features/TokensModal.js";
 import "@material-symbols-svg/react-rounded/icons/arrow-downward";
 import "@material-symbols-svg/react-rounded/icons/progress-activity";
-import { ExternalDeposit as L } from "../../features/ExternalDeposit.js";
-import { DepositMethodSwitcher as V } from "../../features/DepositMethodSwitcher.js";
-import { WalletCompatibilityCheck as X } from "../../features/WalletCompatibilityCheck/index.js";
-import { BlockingError as Y } from "../../components/BlockingError.js";
+import { ExternalDeposit as J } from "../../features/ExternalDeposit.js";
+import { DepositMethodSwitcher as L } from "../../features/DepositMethodSwitcher.js";
+import { WalletCompatibilityCheck as V } from "../../features/WalletCompatibilityCheck/index.js";
+import { BlockingError as X } from "../../components/BlockingError.js";
 import "copy-text-to-clipboard";
 import "@material-symbols-svg/react-rounded/icons/content-copy";
 import "../../components/InputAmount.js";
@@ -48,30 +48,29 @@ import "@defuse-protocol/one-click-sdk-typescript";
 import "axios";
 import "../../network.js";
 import "viem/chains";
-import { useTokenInputPair as Z } from "../../hooks/useTokenInputPair.js";
-import { useIsCompatibilityCheckRequired as $ } from "../../hooks/useIsCompatibilityCheckRequired.js";
+import { useTokenInputPair as Y } from "../../hooks/useTokenInputPair.js";
+import { useIsCompatibilityCheckRequired as Z } from "../../hooks/useIsCompatibilityCheckRequired.js";
 import "browser-or-node";
-const $e = ({
+const Ze = ({
   providers: m,
   onMsg: n,
-  makeTransfer: T,
-  isLoading: w
+  makeTransfer: S,
+  isLoading: T
 }) => {
-  const { ctx: o } = q(), { t: i } = F(), { isDirectNearTokenWithdrawal: x } = j(), {
-    chainsFilter: f,
-    alchemyApiKey: C,
-    refetchQuoteInterval: g,
-    intentsAccountType: D,
-    onWalletSignout: v
-  } = N(), { onChangeAmount: E, onChangeToken: d } = Z(), { status: k, refetch: W } = O(), { tokenModalOpen: s, updateTokenModalState: a } = A({ onMsg: n }), h = $(), [I, c] = b(!1);
+  const { ctx: o } = F(), { t: i } = A(), { isDirectNearTokenWithdrawal: w } = q(), {
+    alchemyApiKey: x,
+    refetchQuoteInterval: C,
+    intentsAccountType: g,
+    onWalletSignout: D
+  } = j(), { onChangeAmount: E, onChangeToken: f } = Y(), { status: d, refetch: v } = N(), { tokenModalOpen: s, updateTokenModalState: a } = R({ onMsg: n }), k = Z(), [W, l] = y(!1);
   p(() => {
-    h && c(!0);
-  }, [h]);
-  const [_, l] = b(), M = R(
+    k && l(!0);
+  }, [k]);
+  const [h, c] = y(), I = B(
     (e) => {
       switch (e.type) {
         case "on_successful_transfer":
-          l(e.transferResult);
+          c(e.transferResult);
           break;
         case "on_transaction_received":
           break;
@@ -83,15 +82,15 @@ const $e = ({
   );
   p(() => (u("reset", { clearWalletAddress: !0 }), () => {
     u("depositTypeSet", { isExternal: !1 });
-  }), []), Q({
-    debug: G(),
+  }), []), O({
+    debug: z(),
     listenTo: [
       "checkWalletConnection",
       "setSourceTokenBalance",
       "setSourceTokenIntentsTarget",
       ["setDefaultSelectedTokens", { skipIntents: !0 }],
-      ["makeQuote", { message: void 0, refetchQuoteInterval: g }],
-      ["setBalancesUsingAlchemyExt", { alchemyApiKey: C }]
+      ["makeQuote", { message: void 0, refetchQuoteInterval: C }],
+      ["setBalancesUsingAlchemyExt", { alchemyApiKey: x }]
     ]
   }), p(() => {
     n?.({
@@ -99,23 +98,23 @@ const $e = ({
       isExternal: o.isDepositFromExternalWallet
     });
   }, [o.isDepositFromExternalWallet]);
-  const B = () => {
+  const M = () => {
     u("reset", { clearWalletAddress: !1, keepSelectedTokens: !0 });
   };
-  if (w || k !== "error" && !o.sourceToken)
-    return /* @__PURE__ */ t(S, {});
-  if (I)
+  if (T || d !== "error" && !o.sourceToken)
+    return /* @__PURE__ */ t(b, {});
+  if (W)
     return /* @__PURE__ */ t(
-      X,
+      V,
       {
         providers: m,
         onMsg: (e) => {
           switch (e.type) {
             case "on_sign_out":
-              v?.(D), c(!1);
+              D?.(g), l(!1);
               break;
             case "on_close":
-              c(!1);
+              l(!1);
               break;
             default:
               r(e.type);
@@ -123,16 +122,16 @@ const $e = ({
         }
       }
     );
-  if (o.state === "transfer_success" && _)
+  if (o.state === "transfer_success" && h)
     return /* @__PURE__ */ t(
-      H,
+      G,
       {
-        ..._,
+        ...h,
         title: i("transfer.success.deposit.title", "Deposit successful"),
         onMsg: (e) => {
           switch (e.type) {
             case "on_dismiss_success":
-              l(void 0), B();
+              c(void 0), M();
               break;
             default:
               r(e.type);
@@ -140,28 +139,31 @@ const $e = ({
         }
       }
     );
-  switch (k) {
+  switch (d) {
     case "error":
       return /* @__PURE__ */ t(
-        Y,
+        X,
         {
           message: "Couldn't load tokens list.",
-          onClickRetry: W
+          onClickRetry: v
         }
       );
     case "success":
       return s !== "none" ? /* @__PURE__ */ t(
-        J,
+        H,
         {
           showBalances: !0,
           showChainsSelector: !0,
           variant: s,
           groupTokens: s === "source",
-          chainsFilter: s === "source" ? f.source : f.target,
+          chainsFilter: s === "source" ? {
+            intents: "none",
+            external: o.isDepositFromExternalWallet ? "all" : "wallet-supported"
+          } : { intents: "all", external: "none" },
           onMsg: (e) => {
             switch (e.type) {
               case "on_select_token":
-                d(s, e.token), a("none"), n?.({
+                f(s, e.token), a("none"), n?.({
                   type: e.type,
                   token: e.token,
                   variant: s
@@ -175,16 +177,16 @@ const $e = ({
             }
           }
         }
-      ) : /* @__PURE__ */ y("div", { className: "gap-sw-2xl flex flex-col", children: [
+      ) : /* @__PURE__ */ _("div", { className: "gap-sw-2xl flex flex-col", children: [
         /* @__PURE__ */ t(
-          U.Source,
+          Q.Source,
           {
             showBalance: !o.isDepositFromExternalWallet,
             heading: i("tokenInput.heading.source.deposit", "Sell"),
             onMsg: (e) => {
               switch (e.type) {
                 case "on_select_token":
-                  d("source", e.token);
+                  f("source", e.token);
                   break;
                 case "on_change_amount":
                   E("source", e.amount);
@@ -198,10 +200,10 @@ const $e = ({
             }
           }
         ),
-        /* @__PURE__ */ t(V, { children: ({ isExternal: e }) => e ? /* @__PURE__ */ y("div", { className: "gap-sw-2xl flex flex-col justify-between", children: [
-          /* @__PURE__ */ t(L, { onMsg: M }),
+        /* @__PURE__ */ t(L, { children: ({ isExternal: e }) => e ? /* @__PURE__ */ _("div", { className: "gap-sw-2xl flex flex-col justify-between", children: [
+          /* @__PURE__ */ t(J, { onMsg: I }),
           (o.state === "quote_success_internal" || o.state === "quote_success_external") && /* @__PURE__ */ t(
-            z,
+            P,
             {
               multiline: !0,
               variant: "warn",
@@ -209,25 +211,25 @@ const $e = ({
             }
           )
         ] }) : null }),
-        !x && /* @__PURE__ */ t(K, {}),
+        !w && /* @__PURE__ */ t(U, {}),
         /* @__PURE__ */ t(
-          P,
+          K,
           {
             providers: m,
-            makeTransfer: T,
+            makeTransfer: S,
             label: i("submit.active.deposit", "Deposit now"),
             onSuccess: (e) => {
-              l(e), n?.({ type: "on_transfer_success" });
+              c(e), n?.({ type: "on_transfer_success" });
             }
           }
         )
       ] });
     case "pending":
     default:
-      return /* @__PURE__ */ t(S, {});
+      return /* @__PURE__ */ t(b, {});
   }
 };
 export {
-  $e as WidgetDepositContent
+  Ze as WidgetDepositContent
 };
 //# sourceMappingURL=WidgetDepositContent.js.map

package/dist/widgets/WidgetDeposit/WidgetDepositContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetDepositContent.js","sources":["../../../src/widgets/WidgetDeposit/WidgetDepositContent.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport type { CommonWidgetProps, TokenInputType } from '../types';\nimport { useTokenModal } from '../../hooks/useTokenModal';\nimport { useTypedTranslation } from '../../localisation';\nimport { WidgetDepositSkeleton } from './WidgetDepositSkeleton';\nimport {\n  DepositMethodSwitcher,\n  ExternalDeposit,\n  SubmitButton,\n  SuccessScreen,\n  SwapQuote,\n  TokenInput,\n  TokensModal,\n} from '@/features';\n\nimport { Banner, BlockingError } from '@/components';\nimport { WalletCompatibilityCheck } from '@/features/WalletCompatibilityCheck';\n\nimport { useStoreSideEffects } from '@/machine/effects';\nimport { useComputedSnapshot, useUnsafeSnapshot } from '@/machine/snap';\nimport { fireEvent } from '@/machine/events/utils/fireEvent';\n\nimport {\n  useIsCompatibilityCheckRequired,\n  useTokenInputPair,\n  useTokens,\n} from '@/hooks';\nimport { useConfig } from '@/config';\n\nimport { isDebug, notReachable } from '@/utils';\n\nimport type { Token, TransferResult } from '@/types';\n\nexport type Msg =\n  | { type: 'on_select_token'; token: Token; variant: TokenInputType }\n  | { type: 'on_change_deposit_type'; isExternal: boolean }\n  | { type: 'on_transfer_success' }\n  | { type: 'on_tokens_modal_toggled'; isOpen: boolean };\n\nexport type Props = CommonWidgetProps<Msg>;\n\nexport const WidgetDepositContent = ({\n  providers,\n  onMsg,\n  makeTransfer,\n  isLoading,\n}: Props) => {\n  const { ctx } = useUnsafeSnapshot();\n  const { t } = useTypedTranslation();\n  const { isDirectNearTokenWithdrawal } = useComputedSnapshot();\n  const {\n    chainsFilter,\n    alchemyApiKey,\n    refetchQuoteInterval,\n    intentsAccountType,\n    onWalletSignout,\n  } = useConfig();\n\n  const { onChangeAmount, onChangeToken } = useTokenInputPair();\n  const { status: tokensStatus, refetch: refetchTokens } = useTokens();\n  const { tokenModalOpen, updateTokenModalState } = useTokenModal({ onMsg });\n\n  const isCompatibilityCheckRequired = useIsCompatibilityCheckRequired();\n  const [isCompatibilityOpen, setIsCompatibilityOpen] = useState(false);\n\n  useEffect(() => {\n    if (isCompatibilityCheckRequired) {\n      setIsCompatibilityOpen(true);\n    }\n  }, [isCompatibilityCheckRequired]);\n\n  const [transferResult, setTransferResult] = useState<\n    TransferResult | undefined\n  >();\n\n  const handleExternalDepositMsg = useCallback(\n    (\n      msg:\n        | { type: 'on_transaction_received' }\n        | { type: 'on_successful_transfer'; transferResult: TransferResult },\n    ) => {\n      switch (msg.type) {\n        case 'on_successful_transfer':\n          setTransferResult(msg.transferResult);\n          break;\n        case 'on_transaction_received':\n          // Transaction received, no action needed\n          break;\n        default:\n          notReachable(msg);\n      }\n    },\n    [],\n  );\n\n  useEffect(() => {\n    fireEvent('reset', { clearWalletAddress: true });\n\n    return () => {\n      fireEvent('depositTypeSet', { isExternal: false });\n    };\n  }, []);\n\n  useStoreSideEffects({\n    debug: isDebug(),\n    listenTo: [\n      'checkWalletConnection',\n      'setSourceTokenBalance',\n      'setSourceTokenIntentsTarget',\n      ['setDefaultSelectedTokens', { skipIntents: true }],\n      ['makeQuote', { message: undefined, refetchQuoteInterval }],\n      ['setBalancesUsingAlchemyExt', { alchemyApiKey }],\n    ],\n  });\n\n  useEffect(() => {\n    onMsg?.({\n      type: 'on_change_deposit_type',\n      isExternal: ctx.isDepositFromExternalWallet,\n    });\n  }, [ctx.isDepositFromExternalWallet]);\n\n  const onBackToSwap = () => {\n    fireEvent('reset', { clearWalletAddress: false, keepSelectedTokens: true });\n  };\n\n  if (!!isLoading || (tokensStatus !== 'error' && !ctx.sourceToken)) {\n    return <WidgetDepositSkeleton />;\n  }\n\n  if (isCompatibilityOpen) {\n    return (\n      <WalletCompatibilityCheck\n        providers={providers}\n        onMsg={(msg) => {\n          switch (msg.type) {\n            case 'on_sign_out':\n              onWalletSignout?.(intentsAccountType);\n              setIsCompatibilityOpen(false);\n              break;\n            case 'on_close':\n              setIsCompatibilityOpen(false);\n              break;\n            default:\n              notReachable(msg.type);\n          }\n        }}\n      />\n    );\n  }\n\n  if (ctx.state === 'transfer_success' && !!transferResult) {\n    return (\n      <SuccessScreen\n        {...transferResult}\n        title={t('transfer.success.deposit.title', 'Deposit successful')}\n        onMsg={(msg) => {\n          switch (msg.type) {\n            case 'on_dismiss_success':\n              setTransferResult(undefined);\n              onBackToSwap();\n              break;\n            default:\n              notReachable(msg.type);\n          }\n        }}\n      />\n    );\n  }\n\n  switch (tokensStatus) {\n    case 'error':\n      return (\n        <BlockingError\n          message=\"Couldn't load tokens list.\"\n          onClickRetry={refetchTokens}\n        />\n      );\n\n    case 'success': {\n      if (tokenModalOpen !== 'none') {\n        return (\n          <TokensModal\n            showBalances\n            showChainsSelector\n            variant={tokenModalOpen}\n            groupTokens={tokenModalOpen === 'source'}\n            chainsFilter={\n              tokenModalOpen === 'source'\n                ? chainsFilter.source\n                : chainsFilter.target\n            }\n            onMsg={(msg) => {\n              switch (msg.type) {\n                case 'on_select_token':\n                  onChangeToken(tokenModalOpen, msg.token);\n                  updateTokenModalState('none');\n                  onMsg?.({\n                    type: msg.type,\n                    token: msg.token,\n                    variant: tokenModalOpen,\n                  });\n                  break;\n                case 'on_dismiss_tokens_modal':\n                  updateTokenModalState('none');\n                  break;\n                default:\n                  notReachable(msg);\n              }\n            }}\n          />\n        );\n      }\n\n      return (\n        <div className=\"gap-sw-2xl flex flex-col\">\n          <TokenInput.Source\n            showBalance={!ctx.isDepositFromExternalWallet}\n            heading={t('tokenInput.heading.source.deposit', 'Sell')}\n            onMsg={(msg) => {\n              switch (msg.type) {\n                case 'on_select_token':\n                  onChangeToken('source', msg.token);\n                  break;\n                case 'on_change_amount':\n                  onChangeAmount('source', msg.amount);\n                  break;\n                case 'on_click_select_token':\n                  updateTokenModalState('source');\n                  break;\n                default:\n                  notReachable(msg);\n              }\n            }}\n          />\n\n          <DepositMethodSwitcher>\n            {({ isExternal }) =>\n              isExternal ? (\n                <div className=\"gap-sw-2xl flex flex-col justify-between\">\n                  <ExternalDeposit onMsg={handleExternalDepositMsg} />\n                  {(ctx.state === 'quote_success_internal' ||\n                    ctx.state === 'quote_success_external') && (\n                    <Banner\n                      multiline\n                      variant=\"warn\"\n                      message=\"Match the token, amount and network entered above in your wallet. Incorrect values will cause the deposit to fail and be refunded.\"\n                    />\n                  )}\n                </div>\n              ) : null\n            }\n          </DepositMethodSwitcher>\n\n          {!isDirectNearTokenWithdrawal && <SwapQuote />}\n\n          <SubmitButton\n            providers={providers}\n            makeTransfer={makeTransfer}\n            label={t('submit.active.deposit', 'Deposit now')}\n            onSuccess={(transfer) => {\n              setTransferResult(transfer);\n              onMsg?.({ type: 'on_transfer_success' });\n            }}\n          />\n        </div>\n      );\n    }\n\n    case 'pending':\n    default:\n      return <WidgetDepositSkeleton />;\n  }\n};\n"],"names":["WidgetDepositContent","providers","onMsg","makeTransfer","isLoading","ctx","useUnsafeSnapshot","t","useTypedTranslation","isDirectNearTokenWithdrawal","useComputedSnapshot","chainsFilter","alchemyApiKey","refetchQuoteInterval","intentsAccountType","onWalletSignout","useConfig","onChangeAmount","onChangeToken","useTokenInputPair","tokensStatus","refetchTokens","useTokens","tokenModalOpen","updateTokenModalState","useTokenModal","isCompatibilityCheckRequired","useIsCompatibilityCheckRequired","isCompatibilityOpen","setIsCompatibilityOpen","useState","useEffect","transferResult","setTransferResult","handleExternalDepositMsg","useCallback","msg","notReachable","fireEvent","useStoreSideEffects","isDebug","onBackToSwap","WidgetDepositSkeleton","jsx","WalletCompatibilityCheck","SuccessScreen","BlockingError","TokensModal","jsxs","TokenInput","DepositMethodSwitcher","isExternal","ExternalDeposit","Banner","SwapQuote","SubmitButton","transfer"],"mappings":"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"}
+{"version":3,"file":"WidgetDepositContent.js","sources":["../../../src/widgets/WidgetDeposit/WidgetDepositContent.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport type { CommonWidgetProps, TokenInputType } from '../types';\nimport { useTokenModal } from '../../hooks/useTokenModal';\nimport { useTypedTranslation } from '../../localisation';\nimport { WidgetDepositSkeleton } from './WidgetDepositSkeleton';\nimport {\n  DepositMethodSwitcher,\n  ExternalDeposit,\n  SubmitButton,\n  SuccessScreen,\n  SwapQuote,\n  TokenInput,\n  TokensModal,\n} from '@/features';\n\nimport { Banner, BlockingError } from '@/components';\nimport { WalletCompatibilityCheck } from '@/features/WalletCompatibilityCheck';\n\nimport { useStoreSideEffects } from '@/machine/effects';\nimport { useComputedSnapshot, useUnsafeSnapshot } from '@/machine/snap';\nimport { fireEvent } from '@/machine/events/utils/fireEvent';\n\nimport {\n  useIsCompatibilityCheckRequired,\n  useTokenInputPair,\n  useTokens,\n} from '@/hooks';\nimport { useConfig } from '@/config';\n\nimport { isDebug, notReachable } from '@/utils';\n\nimport type { Token, TransferResult } from '@/types';\n\nexport type Msg =\n  | { type: 'on_select_token'; token: Token; variant: TokenInputType }\n  | { type: 'on_change_deposit_type'; isExternal: boolean }\n  | { type: 'on_transfer_success' }\n  | { type: 'on_tokens_modal_toggled'; isOpen: boolean };\n\nexport type Props = CommonWidgetProps<Msg>;\n\nexport const WidgetDepositContent = ({\n  providers,\n  onMsg,\n  makeTransfer,\n  isLoading,\n}: Props) => {\n  const { ctx } = useUnsafeSnapshot();\n  const { t } = useTypedTranslation();\n  const { isDirectNearTokenWithdrawal } = useComputedSnapshot();\n  const {\n    alchemyApiKey,\n    refetchQuoteInterval,\n    intentsAccountType,\n    onWalletSignout,\n  } = useConfig();\n\n  const { onChangeAmount, onChangeToken } = useTokenInputPair();\n  const { status: tokensStatus, refetch: refetchTokens } = useTokens();\n  const { tokenModalOpen, updateTokenModalState } = useTokenModal({ onMsg });\n\n  const isCompatibilityCheckRequired = useIsCompatibilityCheckRequired();\n  const [isCompatibilityOpen, setIsCompatibilityOpen] = useState(false);\n\n  useEffect(() => {\n    if (isCompatibilityCheckRequired) {\n      setIsCompatibilityOpen(true);\n    }\n  }, [isCompatibilityCheckRequired]);\n\n  const [transferResult, setTransferResult] = useState<\n    TransferResult | undefined\n  >();\n\n  const handleExternalDepositMsg = useCallback(\n    (\n      msg:\n        | { type: 'on_transaction_received' }\n        | { type: 'on_successful_transfer'; transferResult: TransferResult },\n    ) => {\n      switch (msg.type) {\n        case 'on_successful_transfer':\n          setTransferResult(msg.transferResult);\n          break;\n        case 'on_transaction_received':\n          // Transaction received, no action needed\n          break;\n        default:\n          notReachable(msg);\n      }\n    },\n    [],\n  );\n\n  useEffect(() => {\n    fireEvent('reset', { clearWalletAddress: true });\n\n    return () => {\n      fireEvent('depositTypeSet', { isExternal: false });\n    };\n  }, []);\n\n  useStoreSideEffects({\n    debug: isDebug(),\n    listenTo: [\n      'checkWalletConnection',\n      'setSourceTokenBalance',\n      'setSourceTokenIntentsTarget',\n      ['setDefaultSelectedTokens', { skipIntents: true }],\n      ['makeQuote', { message: undefined, refetchQuoteInterval }],\n      ['setBalancesUsingAlchemyExt', { alchemyApiKey }],\n    ],\n  });\n\n  useEffect(() => {\n    onMsg?.({\n      type: 'on_change_deposit_type',\n      isExternal: ctx.isDepositFromExternalWallet,\n    });\n  }, [ctx.isDepositFromExternalWallet]);\n\n  const onBackToSwap = () => {\n    fireEvent('reset', { clearWalletAddress: false, keepSelectedTokens: true });\n  };\n\n  if (!!isLoading || (tokensStatus !== 'error' && !ctx.sourceToken)) {\n    return <WidgetDepositSkeleton />;\n  }\n\n  if (isCompatibilityOpen) {\n    return (\n      <WalletCompatibilityCheck\n        providers={providers}\n        onMsg={(msg) => {\n          switch (msg.type) {\n            case 'on_sign_out':\n              onWalletSignout?.(intentsAccountType);\n              setIsCompatibilityOpen(false);\n              break;\n            case 'on_close':\n              setIsCompatibilityOpen(false);\n              break;\n            default:\n              notReachable(msg.type);\n          }\n        }}\n      />\n    );\n  }\n\n  if (ctx.state === 'transfer_success' && !!transferResult) {\n    return (\n      <SuccessScreen\n        {...transferResult}\n        title={t('transfer.success.deposit.title', 'Deposit successful')}\n        onMsg={(msg) => {\n          switch (msg.type) {\n            case 'on_dismiss_success':\n              setTransferResult(undefined);\n              onBackToSwap();\n              break;\n            default:\n              notReachable(msg.type);\n          }\n        }}\n      />\n    );\n  }\n\n  switch (tokensStatus) {\n    case 'error':\n      return (\n        <BlockingError\n          message=\"Couldn't load tokens list.\"\n          onClickRetry={refetchTokens}\n        />\n      );\n\n    case 'success': {\n      if (tokenModalOpen !== 'none') {\n        return (\n          <TokensModal\n            showBalances\n            showChainsSelector\n            variant={tokenModalOpen}\n            groupTokens={tokenModalOpen === 'source'}\n            chainsFilter={\n              tokenModalOpen === 'source'\n                ? {\n                    intents: 'none',\n                    external: ctx.isDepositFromExternalWallet\n                      ? 'all'\n                      : 'wallet-supported',\n                  }\n                : { intents: 'all', external: 'none' }\n            }\n            onMsg={(msg) => {\n              switch (msg.type) {\n                case 'on_select_token':\n                  onChangeToken(tokenModalOpen, msg.token);\n                  updateTokenModalState('none');\n                  onMsg?.({\n                    type: msg.type,\n                    token: msg.token,\n                    variant: tokenModalOpen,\n                  });\n                  break;\n                case 'on_dismiss_tokens_modal':\n                  updateTokenModalState('none');\n                  break;\n                default:\n                  notReachable(msg);\n              }\n            }}\n          />\n        );\n      }\n\n      return (\n        <div className=\"gap-sw-2xl flex flex-col\">\n          <TokenInput.Source\n            showBalance={!ctx.isDepositFromExternalWallet}\n            heading={t('tokenInput.heading.source.deposit', 'Sell')}\n            onMsg={(msg) => {\n              switch (msg.type) {\n                case 'on_select_token':\n                  onChangeToken('source', msg.token);\n                  break;\n                case 'on_change_amount':\n                  onChangeAmount('source', msg.amount);\n                  break;\n                case 'on_click_select_token':\n                  updateTokenModalState('source');\n                  break;\n                default:\n                  notReachable(msg);\n              }\n            }}\n          />\n\n          <DepositMethodSwitcher>\n            {({ isExternal }) =>\n              isExternal ? (\n                <div className=\"gap-sw-2xl flex flex-col justify-between\">\n                  <ExternalDeposit onMsg={handleExternalDepositMsg} />\n                  {(ctx.state === 'quote_success_internal' ||\n                    ctx.state === 'quote_success_external') && (\n                    <Banner\n                      multiline\n                      variant=\"warn\"\n                      message=\"Match the token, amount and network entered above in your wallet. Incorrect values will cause the deposit to fail and be refunded.\"\n                    />\n                  )}\n                </div>\n              ) : null\n            }\n          </DepositMethodSwitcher>\n\n          {!isDirectNearTokenWithdrawal && <SwapQuote />}\n\n          <SubmitButton\n            providers={providers}\n            makeTransfer={makeTransfer}\n            label={t('submit.active.deposit', 'Deposit now')}\n            onSuccess={(transfer) => {\n              setTransferResult(transfer);\n              onMsg?.({ type: 'on_transfer_success' });\n            }}\n          />\n        </div>\n      );\n    }\n\n    case 'pending':\n    default:\n      return <WidgetDepositSkeleton />;\n  }\n};\n"],"names":["WidgetDepositContent","providers","onMsg","makeTransfer","isLoading","ctx","useUnsafeSnapshot","t","useTypedTranslation","isDirectNearTokenWithdrawal","useComputedSnapshot","alchemyApiKey","refetchQuoteInterval","intentsAccountType","onWalletSignout","useConfig","onChangeAmount","onChangeToken","useTokenInputPair","tokensStatus","refetchTokens","useTokens","tokenModalOpen","updateTokenModalState","useTokenModal","isCompatibilityCheckRequired","useIsCompatibilityCheckRequired","isCompatibilityOpen","setIsCompatibilityOpen","useState","useEffect","transferResult","setTransferResult","handleExternalDepositMsg","useCallback","msg","notReachable","fireEvent","useStoreSideEffects","isDebug","onBackToSwap","WidgetDepositSkeleton","jsx","WalletCompatibilityCheck","SuccessScreen","BlockingError","TokensModal","jsxs","TokenInput","DepositMethodSwitcher","isExternal","ExternalDeposit","Banner","SwapQuote","SubmitButton","transfer"],"mappings":"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"}

package/dist/widgets/WidgetDeposit/WidgetDepositSkeleton.js

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