@aurora-is-near/intents-swap-widget 3.24.0 → 3.25.0

package/dist/widgets/WidgetWithdraw/WidgetWithdrawContent.js

@@ -1,9 +1,9 @@
-import { jsx as t, jsxs as g } from "react/jsx-runtime";
-import { useState as w, useEffect as _ } from "react";
-import { useTokenModal as D } from "../../hooks/useTokenModal.js";
-import { WidgetWithdrawSkeleton as b } from "./WidgetWithdrawSkeleton.js";
-import { useTypedTranslation as N } from "../../localisation.js";
-import { b as O, u as Q, y as j, n as q, c as U, p as y, o as F, S as K } from "../../config-Bg5hUlJL.js";
+import { jsx as t, jsxs as _ } from "react/jsx-runtime";
+import { useState as b, useEffect as y, useMemo as N } from "react";
+import { useTokenModal as O } from "../../hooks/useTokenModal.js";
+import { WidgetWithdrawSkeleton as T } from "./WidgetWithdrawSkeleton.js";
+import { useTypedTranslation as Q } from "../../localisation.js";
+import { b as j, u as q, y as U, n as K, c as P, p as S, o as z, S as G } from "../../config-6S9JcYY_.js";
 import "@tanstack/react-query";
 import "@headlessui/react";
 import "@material-symbols-svg/react-rounded/icons/chevron-left";
@@ -11,18 +11,18 @@ import "framer-motion";
 import "../../features/ChainsDropdown/ChainItem.js";
 import "../../utils/cn.js";
 import "../../constants/chains.js";
-import { notReachable as r } from "../../utils/notReachable.js";
-import { SendAddress as P } from "../../features/SendAddress/index.js";
-import { SuccessScreen as z } from "../../features/SuccessScreen/index.js";
-import { TokensModal as G } from "../../features/TokensModal.js";
-import { DirectionSwitcher as H } from "../../components/DirectionSwitcher.js";
+import { notReachable as s } from "../../utils/notReachable.js";
+import { SendAddress as H } from "../../features/SendAddress/index.js";
+import { SuccessScreen as J } from "../../features/SuccessScreen/index.js";
+import { TokensModal as L } from "../../features/TokensModal.js";
+import { DirectionSwitcher as V } from "../../components/DirectionSwitcher.js";
 import "ethers";
 import "../../machine/machine.js";
-import { fireEvent as T } from "../../machine/events/utils/fireEvent.js";
+import { fireEvent as C } from "../../machine/events/utils/fireEvent.js";
 import "qrcode.react";
 import "@defuse-protocol/one-click-sdk-typescript";
 import "@material-symbols-svg/react-rounded/icons/progress-activity";
-import { isDebug as J } from "../../utils/checkers/isDebug.js";
+import { isDebug as X } from "../../utils/checkers/isDebug.js";
 import "viem";
 import "zod";
 import "../../utils/near/rpc.js";
@@ -35,15 +35,15 @@ import "../../index-xuotMAFm.js";
 import "axios";
 import "../../network.js";
 import "viem/chains";
-import { useTokenInputPair as L } from "../../hooks/useTokenInputPair.js";
-import { useIsCompatibilityCheckRequired as V } from "../../hooks/useIsCompatibilityCheckRequired.js";
+import { useTokenInputPair as Y } from "../../hooks/useTokenInputPair.js";
+import { useIsCompatibilityCheckRequired as Z } from "../../hooks/useIsCompatibilityCheckRequired.js";
 import "browser-or-node";
-import { Card as S } from "../../components/Card.js";
+import { Card as x } from "../../components/Card.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 { BlockingError as X } from "../../components/BlockingError.js";
+import { BlockingError as $ } from "../../components/BlockingError.js";
 import "copy-text-to-clipboard";
 import "@material-symbols-svg/react-rounded/icons/content-copy";
 import "../../components/Input.js";
@@ -53,27 +53,28 @@ import "@material-symbols-svg/react-rounded/icons/check-circle";
 import "../../components/ChainShortcut.js";
 import "@material-symbols-svg/react-rounded/icons/qr-code";
 import "@material-symbols-svg/react-rounded/icons/wallet";
-import { WalletCompatibilityCheck as Y } from "../../features/WalletCompatibilityCheck/index.js";
-const et = ({
+import { WalletCompatibilityCheck as ee } from "../../features/WalletCompatibilityCheck/index.js";
+const rt = ({
   providers: m,
-  makeTransfer: C,
+  makeTransfer: W,
   onMsg: i,
-  isLoading: x
+  isLoading: v
 }) => {
-  const { t: s } = N(), { ctx: n } = O(), { isDirectNearTokenWithdrawal: W } = Q(), {
-    alchemyApiKey: v,
-    refetchQuoteInterval: I,
-    intentsAccountType: A,
-    onWalletSignout: M
-  } = j(), { status: u, refetch: E } = q(), { tokenModalOpen: o, updateTokenModalState: a } = D({ onMsg: i }), { onChangeAmount: d, onChangeToken: c, lastChangedInput: p } = L(), k = V(), [R, l] = w(!1);
-  _(() => {
-    k && l(!0);
+  const { t: n } = Q(), { ctx: o } = j(), { isDirectNearTokenWithdrawal: I } = q(), {
+    chainsFilter: c,
+    alchemyApiKey: A,
+    refetchQuoteInterval: M,
+    intentsAccountType: E,
+    onWalletSignout: R
+  } = U(), { status: d, refetch: B } = K(), { tokenModalOpen: r, updateTokenModalState: a } = O({ onMsg: i }), { onChangeAmount: f, onChangeToken: l, lastChangedInput: p } = Y(), k = Z(), [D, u] = b(!1);
+  y(() => {
+    k && u(!0);
   }, [k]);
-  const [f, h] = w();
-  _(() => {
-    T("reset", { clearWalletAddress: !0 });
-  }, []), U({
-    debug: J(),
+  const [h, g] = b();
+  y(() => {
+    C("reset", { clearWalletAddress: !0 });
+  }, []), P({
+    debug: X(),
     listenTo: [
       "checkWalletConnection",
       "setSourceTokenBalance",
@@ -86,98 +87,104 @@ const et = ({
         {
           message: void 0,
           type: p === "target" ? "exact_out" : "exact_in",
-          refetchQuoteInterval: I
+          refetchQuoteInterval: M
         }
       ],
-      ["setBalancesUsingAlchemyExt", { alchemyApiKey: v }]
+      ["setBalancesUsingAlchemyExt", { alchemyApiKey: A }]
     ]
   });
-  const B = () => {
-    T("reset", { clearWalletAddress: !1, keepSelectedTokens: !0 });
+  const w = N(() => c || {
+    source: {
+      intents: "with-balance",
+      external: "none"
+    },
+    target: {
+      intents: "none",
+      external: "all"
+    }
+  }, [c, o.walletAddress]), F = () => {
+    C("reset", { clearWalletAddress: !1, keepSelectedTokens: !0 });
   };
-  if (x || u !== "error" && !n.sourceToken)
-    return /* @__PURE__ */ t(b, {});
-  if (R)
+  if (v || d !== "error" && !o.sourceToken)
+    return /* @__PURE__ */ t(T, {});
+  if (D)
     return /* @__PURE__ */ t(
-      Y,
+      ee,
       {
         providers: m,
         onMsg: (e) => {
           switch (e.type) {
             case "on_sign_out":
-              M?.(A), l(!1);
+              R?.(E), u(!1);
               break;
             case "on_close":
-              l(!1);
+              u(!1);
               break;
             default:
-              r(e.type);
+              s(e.type);
           }
         }
       }
     );
-  if (n.state === "transfer_success" && f)
+  if (o.state === "transfer_success" && h)
     return /* @__PURE__ */ t(
-      z,
+      J,
       {
         showTargetToken: !0,
-        title: s("transfer.success.withdrawal.title", "Withdrawal successful"),
-        ...f,
+        title: n("transfer.success.withdrawal.title", "Withdrawal successful"),
+        ...h,
         onMsg: (e) => {
           switch (e.type) {
             case "on_dismiss_success":
-              h(void 0), B();
+              g(void 0), F();
               break;
             default:
-              r(e.type);
+              s(e.type);
           }
         }
       }
     );
-  switch (u) {
+  switch (d) {
     case "error":
       return /* @__PURE__ */ t(
-        X,
+        $,
         {
           message: "Couldn't load tokens list.",
-          onClickRetry: E
+          onClickRetry: B
         }
       );
     case "success":
-      return o !== "none" ? /* @__PURE__ */ t(
-        G,
+      return r !== "none" ? /* @__PURE__ */ t(
+        L,
         {
           showBalances: !0,
-          variant: o,
-          showChainsSelector: o === "target",
+          variant: r,
+          showChainsSelector: r === "target",
           groupTokens: !1,
-          chainsFilter: o === "source" ? {
-            intents: "with-balance",
-            external: "none"
-          } : { intents: "none", external: "all" },
+          chainsFilter: r === "source" ? w.source : w.target,
           onMsg: (e) => {
             switch (e.type) {
               case "on_select_token":
-                c(o, e.token), a("none"), i?.({
+                l(r, e.token), a("none"), i?.({
                   type: e.type,
                   token: e.token,
-                  variant: o
+                  variant: r
                 });
                 break;
               case "on_dismiss_tokens_modal":
                 a("none");
                 break;
               default:
-                r(e);
+                s(e);
             }
           }
         }
-      ) : /* @__PURE__ */ g("div", { className: "gap-sw-2xl relative flex flex-col", children: [
-        /* @__PURE__ */ g("div", { className: "gap-[10px] relative flex flex-col", children: [
-          /* @__PURE__ */ t(S, { padding: "none", children: /* @__PURE__ */ t(
-            y.Source,
+      ) : /* @__PURE__ */ _("div", { className: "gap-sw-2xl relative flex flex-col", children: [
+        /* @__PURE__ */ _("div", { className: "gap-[10px] relative flex flex-col", children: [
+          /* @__PURE__ */ t(x, { padding: "none", children: /* @__PURE__ */ t(
+            S.Source,
             {
-              heading: s(
+              heading: n(
                 "tokenInput.heading.source.withdraw",
                 "Withdraw token"
               ),
@@ -185,25 +192,25 @@ const et = ({
               onMsg: (e) => {
                 switch (e.type) {
                   case "on_select_token":
-                    c("source", e.token);
+                    l("source", e.token);
                     break;
                   case "on_change_amount":
-                    d("source", e.amount);
+                    f("source", e.amount);
                     break;
                   case "on_click_select_token":
                     a("source");
                     break;
                   default:
-                    r(e);
+                    s(e);
                 }
               }
             }
           ) }),
-          /* @__PURE__ */ t(H, { isEnabled: !1 }),
-          /* @__PURE__ */ t(S, { padding: "none", children: /* @__PURE__ */ t(
-            y.Target,
+          /* @__PURE__ */ t(V, { isEnabled: !1 }),
+          /* @__PURE__ */ t(x, { padding: "none", children: /* @__PURE__ */ t(
+            S.Target,
             {
-              heading: s(
+              heading: n(
                 "tokenInput.heading.target.withdraw",
                 "Receive token"
               ),
@@ -211,53 +218,53 @@ const et = ({
               onMsg: (e) => {
                 switch (e.type) {
                   case "on_select_token":
-                    c("target", e.token);
+                    l("target", e.token);
                     break;
                   case "on_change_amount":
-                    d("target", e.amount);
+                    f("target", e.amount);
                     break;
                   case "on_click_select_token":
                     a("target");
                     break;
                   default:
-                    r(e);
+                    s(e);
                 }
               }
             }
           ) })
         ] }),
-        !!n.walletAddress && n.targetToken && !n.targetToken.isIntent && /* @__PURE__ */ t(
-          P,
+        !!o.walletAddress && o.targetToken && !o.targetToken.isIntent && /* @__PURE__ */ t(
+          H,
           {
             onMsg: (e) => {
               switch (e.type) {
                 case "on_change_send_address":
                   break;
                 default:
-                  r(e.type, { throwError: !1 });
+                  s(e.type, { throwError: !1 });
               }
             }
           }
         ),
-        !W && /* @__PURE__ */ t(F, {}),
+        !I && /* @__PURE__ */ t(z, {}),
         /* @__PURE__ */ t(
-          K,
+          G,
           {
             providers: m,
-            makeTransfer: C,
-            label: s("submit.active.withdraw", "Swap & withdraw"),
+            makeTransfer: W,
+            label: n("submit.active.withdraw", "Swap & withdraw"),
             onSuccess: (e) => {
-              h(e), i?.({ type: "on_transfer_success" });
+              g(e), i?.({ type: "on_transfer_success" });
             }
           }
         )
       ] });
     case "pending":
     default:
-      return /* @__PURE__ */ t(b, {});
+      return /* @__PURE__ */ t(T, {});
   }
 };
 export {
-  et as WidgetWithdrawContent
+  rt as WidgetWithdrawContent
 };
 //# sourceMappingURL=WidgetWithdrawContent.js.map

package/dist/widgets/WidgetWithdraw/WidgetWithdrawContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetWithdrawContent.js","sources":["../../../src/widgets/WidgetWithdraw/WidgetWithdrawContent.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { CommonWidgetProps, TokenInputType } from '../types';\nimport { useTokenModal } from '../../hooks/useTokenModal';\nimport { WidgetWithdrawSkeleton } from './WidgetWithdrawSkeleton';\nimport { useTypedTranslation } from '../../localisation';\nimport {\n  SendAddress,\n  SubmitButton,\n  SuccessScreen,\n  SwapQuote,\n  TokenInput,\n  TokensModal,\n} from '@/features';\n\nimport { BlockingError, Card, DirectionSwitcher } 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_transfer_success' }\n  | { type: 'on_tokens_modal_toggled'; isOpen: boolean };\n\nexport type Props = CommonWidgetProps<Msg>;\n\nexport const WidgetWithdrawContent = ({\n  providers,\n  makeTransfer,\n  onMsg,\n  isLoading,\n}: Props) => {\n  const { t } = useTypedTranslation();\n  const { ctx } = useUnsafeSnapshot();\n  const { isDirectNearTokenWithdrawal } = useComputedSnapshot();\n  const {\n    alchemyApiKey,\n    refetchQuoteInterval,\n    intentsAccountType,\n    onWalletSignout,\n  } = useConfig();\n\n  const { status: tokensStatus, refetch: refetchTokens } = useTokens();\n  const { tokenModalOpen, updateTokenModalState } = useTokenModal({ onMsg });\n  const { onChangeAmount, onChangeToken, lastChangedInput } =\n    useTokenInputPair();\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  useEffect(() => {\n    fireEvent('reset', { clearWalletAddress: true });\n  }, []);\n\n  useStoreSideEffects({\n    debug: isDebug(),\n    listenTo: [\n      'checkWalletConnection',\n      'setSourceTokenBalance',\n      [\n        'setDefaultSelectedTokens',\n        { skipIntents: false, target: 'same-asset' },\n      ],\n      [\n        'makeQuote',\n        {\n          message: undefined,\n          type: lastChangedInput === 'target' ? 'exact_out' : 'exact_in',\n          refetchQuoteInterval,\n        },\n      ],\n      ['setBalancesUsingAlchemyExt', { alchemyApiKey }],\n    ],\n  });\n\n  const onBackToSwap = () => {\n    fireEvent('reset', { clearWalletAddress: false, keepSelectedTokens: true });\n  };\n\n  if (!!isLoading || (tokensStatus !== 'error' && !ctx.sourceToken)) {\n    return <WidgetWithdrawSkeleton />;\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        showTargetToken\n        title={t('transfer.success.withdrawal.title', 'Withdrawal successful')}\n        {...transferResult}\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            variant={tokenModalOpen}\n            showChainsSelector={tokenModalOpen === 'target'}\n            groupTokens={false}\n            chainsFilter={\n              tokenModalOpen === 'source'\n                ? {\n                    intents: 'with-balance',\n                    external: 'none',\n                  }\n                : { intents: 'none', external: 'all' }\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 relative flex flex-col\">\n          <div className=\"gap-[10px] relative flex flex-col\">\n            <Card padding=\"none\">\n              <TokenInput.Source\n                heading={t(\n                  'tokenInput.heading.source.withdraw',\n                  'Withdraw token',\n                )}\n                isChanging={lastChangedInput === 'source'}\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            </Card>\n\n            <DirectionSwitcher isEnabled={false} />\n\n            <Card padding=\"none\">\n              <TokenInput.Target\n                heading={t(\n                  'tokenInput.heading.target.withdraw',\n                  'Receive token',\n                )}\n                isChanging={lastChangedInput === 'target'}\n                onMsg={(msg) => {\n                  switch (msg.type) {\n                    case 'on_select_token':\n                      onChangeToken('target', msg.token);\n                      break;\n                    case 'on_change_amount':\n                      onChangeAmount('target', msg.amount);\n                      break;\n                    case 'on_click_select_token':\n                      updateTokenModalState('target');\n                      break;\n                    default:\n                      notReachable(msg);\n                  }\n                }}\n              />\n            </Card>\n          </div>\n\n          {!!ctx.walletAddress &&\n            ctx.targetToken &&\n            !ctx.targetToken.isIntent && (\n              <SendAddress\n                onMsg={(msg) => {\n                  switch (msg.type) {\n                    case 'on_change_send_address':\n                      break;\n                    default:\n                      notReachable(msg.type, { throwError: false });\n                  }\n                }}\n              />\n            )}\n\n          {!isDirectNearTokenWithdrawal && <SwapQuote />}\n\n          <SubmitButton\n            providers={providers}\n            makeTransfer={makeTransfer}\n            label={t('submit.active.withdraw', 'Swap & withdraw')}\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 <WidgetWithdrawSkeleton />;\n  }\n};\n"],"names":["WidgetWithdrawContent","providers","makeTransfer","onMsg","isLoading","t","useTypedTranslation","ctx","useUnsafeSnapshot","isDirectNearTokenWithdrawal","useComputedSnapshot","alchemyApiKey","refetchQuoteInterval","intentsAccountType","onWalletSignout","useConfig","tokensStatus","refetchTokens","useTokens","tokenModalOpen","updateTokenModalState","useTokenModal","onChangeAmount","onChangeToken","lastChangedInput","useTokenInputPair","isCompatibilityCheckRequired","useIsCompatibilityCheckRequired","isCompatibilityOpen","setIsCompatibilityOpen","useState","useEffect","transferResult","setTransferResult","fireEvent","useStoreSideEffects","isDebug","onBackToSwap","WidgetWithdrawSkeleton","jsx","WalletCompatibilityCheck","msg","notReachable","SuccessScreen","BlockingError","TokensModal","jsxs","Card","TokenInput","DirectionSwitcher","SendAddress","SwapQuote","SubmitButton","transfer"],"mappings":"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"}
+{"version":3,"file":"WidgetWithdrawContent.js","sources":["../../../src/widgets/WidgetWithdraw/WidgetWithdrawContent.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport type { CommonWidgetProps, TokenInputType } from '../types';\nimport { useTokenModal } from '../../hooks/useTokenModal';\nimport { WidgetWithdrawSkeleton } from './WidgetWithdrawSkeleton';\nimport { useTypedTranslation } from '../../localisation';\nimport {\n  SendAddress,\n  SubmitButton,\n  SuccessScreen,\n  SwapQuote,\n  TokenInput,\n  TokensModal,\n} from '@/features';\n\nimport { BlockingError, Card, DirectionSwitcher } 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 { ChainsFilters, Token, TransferResult } from '@/types';\n\nexport type Msg =\n  | { type: 'on_select_token'; token: Token; variant: TokenInputType }\n  | { type: 'on_transfer_success' }\n  | { type: 'on_tokens_modal_toggled'; isOpen: boolean };\n\nexport type Props = CommonWidgetProps<Msg>;\n\nexport const WidgetWithdrawContent = ({\n  providers,\n  makeTransfer,\n  onMsg,\n  isLoading,\n}: Props) => {\n  const { t } = useTypedTranslation();\n  const { ctx } = useUnsafeSnapshot();\n  const { isDirectNearTokenWithdrawal } = useComputedSnapshot();\n  const {\n    chainsFilter: customChainsFilter,\n    alchemyApiKey,\n    refetchQuoteInterval,\n    intentsAccountType,\n    onWalletSignout,\n  } = useConfig();\n\n  const { status: tokensStatus, refetch: refetchTokens } = useTokens();\n  const { tokenModalOpen, updateTokenModalState } = useTokenModal({ onMsg });\n  const { onChangeAmount, onChangeToken, lastChangedInput } =\n    useTokenInputPair();\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  useEffect(() => {\n    fireEvent('reset', { clearWalletAddress: true });\n  }, []);\n\n  useStoreSideEffects({\n    debug: isDebug(),\n    listenTo: [\n      'checkWalletConnection',\n      'setSourceTokenBalance',\n      [\n        'setDefaultSelectedTokens',\n        { skipIntents: false, target: 'same-asset' },\n      ],\n      [\n        'makeQuote',\n        {\n          message: undefined,\n          type: lastChangedInput === 'target' ? 'exact_out' : 'exact_in',\n          refetchQuoteInterval,\n        },\n      ],\n      ['setBalancesUsingAlchemyExt', { alchemyApiKey }],\n    ],\n  });\n\n  const chainsFilters = useMemo((): ChainsFilters => {\n    if (customChainsFilter) {\n      return customChainsFilter;\n    }\n\n    return {\n      source: {\n        intents: 'with-balance',\n        external: 'none',\n      },\n      target: {\n        intents: 'none',\n        external: 'all',\n      },\n    };\n  }, [customChainsFilter, ctx.walletAddress]);\n\n  const onBackToSwap = () => {\n    fireEvent('reset', { clearWalletAddress: false, keepSelectedTokens: true });\n  };\n\n  if (!!isLoading || (tokensStatus !== 'error' && !ctx.sourceToken)) {\n    return <WidgetWithdrawSkeleton />;\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        showTargetToken\n        title={t('transfer.success.withdrawal.title', 'Withdrawal successful')}\n        {...transferResult}\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            variant={tokenModalOpen}\n            showChainsSelector={tokenModalOpen === 'target'}\n            groupTokens={false}\n            chainsFilter={\n              tokenModalOpen === 'source'\n                ? chainsFilters.source\n                : chainsFilters.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 relative flex flex-col\">\n          <div className=\"gap-[10px] relative flex flex-col\">\n            <Card padding=\"none\">\n              <TokenInput.Source\n                heading={t(\n                  'tokenInput.heading.source.withdraw',\n                  'Withdraw token',\n                )}\n                isChanging={lastChangedInput === 'source'}\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            </Card>\n\n            <DirectionSwitcher isEnabled={false} />\n\n            <Card padding=\"none\">\n              <TokenInput.Target\n                heading={t(\n                  'tokenInput.heading.target.withdraw',\n                  'Receive token',\n                )}\n                isChanging={lastChangedInput === 'target'}\n                onMsg={(msg) => {\n                  switch (msg.type) {\n                    case 'on_select_token':\n                      onChangeToken('target', msg.token);\n                      break;\n                    case 'on_change_amount':\n                      onChangeAmount('target', msg.amount);\n                      break;\n                    case 'on_click_select_token':\n                      updateTokenModalState('target');\n                      break;\n                    default:\n                      notReachable(msg);\n                  }\n                }}\n              />\n            </Card>\n          </div>\n\n          {!!ctx.walletAddress &&\n            ctx.targetToken &&\n            !ctx.targetToken.isIntent && (\n              <SendAddress\n                onMsg={(msg) => {\n                  switch (msg.type) {\n                    case 'on_change_send_address':\n                      break;\n                    default:\n                      notReachable(msg.type, { throwError: false });\n                  }\n                }}\n              />\n            )}\n\n          {!isDirectNearTokenWithdrawal && <SwapQuote />}\n\n          <SubmitButton\n            providers={providers}\n            makeTransfer={makeTransfer}\n            label={t('submit.active.withdraw', 'Swap & withdraw')}\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 <WidgetWithdrawSkeleton />;\n  }\n};\n"],"names":["WidgetWithdrawContent","providers","makeTransfer","onMsg","isLoading","t","useTypedTranslation","ctx","useUnsafeSnapshot","isDirectNearTokenWithdrawal","useComputedSnapshot","customChainsFilter","alchemyApiKey","refetchQuoteInterval","intentsAccountType","onWalletSignout","useConfig","tokensStatus","refetchTokens","useTokens","tokenModalOpen","updateTokenModalState","useTokenModal","onChangeAmount","onChangeToken","lastChangedInput","useTokenInputPair","isCompatibilityCheckRequired","useIsCompatibilityCheckRequired","isCompatibilityOpen","setIsCompatibilityOpen","useState","useEffect","transferResult","setTransferResult","fireEvent","useStoreSideEffects","isDebug","chainsFilters","useMemo","onBackToSwap","WidgetWithdrawSkeleton","jsx","WalletCompatibilityCheck","msg","notReachable","SuccessScreen","BlockingError","TokensModal","jsxs","Card","TokenInput","DirectionSwitcher","SendAddress","SwapQuote","SubmitButton","transfer"],"mappings":"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"}

package/dist/widgets/WidgetWithdraw/WidgetWithdrawSkeleton.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurora-is-near/intents-swap-widget",
-  "version": "3.24.0",
+  "version": "3.25.0",
   "description": "Provides components and hooks to build your own Intents swap widget",
   "author": "Maksim Vashchuk",
   "license": "MIT",

package/src/machine/effects/useSelectedTokensEffect.ts

@@ -41,6 +41,7 @@ export const useSelectedTokensEffect = ({
   const {
     walletSupportedChains,
     enableAccountAbstraction,
+    chainsFilter,
     intentsAccountType,
   } = useConfig();
 
@@ -61,7 +62,12 @@ export const useSelectedTokensEffect = ({
       ] as const;
     }
 
-    if (enableAccountAbstraction && !skipIntents) {
+    if (
+      (chainsFilter
+        ? chainsFilter.source.intents !== 'none'
+        : enableAccountAbstraction) &&
+      !skipIntents
+    ) {
       if (!highestIntentsToken) {
         return [
           { token: undefined, status: 'loading' },
@@ -87,7 +93,7 @@ export const useSelectedTokensEffect = ({
   }, [
     tokens,
     skipIntents,
-    enableAccountAbstraction,
+    chainsFilter,
     ctx.walletAddress,
     highestIntentsToken,
     walletSupportedChains,

package/src/types/config.ts

@@ -1,5 +1,5 @@
 import { Quote, QuoteRequest } from '@defuse-protocol/one-click-sdk-typescript';
-import { Chains, ChainsFilter } from './chain';
+import { Chains, ChainsFilters } from './chain';
 import { SimpleToken, Token } from './token';
 import { FetchQuoteOptions } from './quote';
 
@@ -56,6 +56,7 @@ export type WidgetConfig = {
   topChainShortcuts?: (
     intentsAccountType?: IntentsAccountType,
   ) => [Chains, Chains, Chains, Chains];
+  chainsFilter?: ChainsFilters;
 
   // API
   fetchQuote?: (

package/src/types/index.ts

@@ -5,6 +5,7 @@ export * from './transfer';
 export * from './config';
 export * from './providers';
 export * from './theme';
+export * from './widget';
 
 export type { QuoteTransferArgs } from '../hooks/useMakeQuoteTransfer';
 export type { IntentsTransferArgs } from '../hooks/useMakeIntentsTransfer';

package/src/widgets/WidgetDeposit/WidgetDepositContent.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 
 import type { CommonWidgetProps, TokenInputType } from '../types';
 import { useTokenModal } from '../../hooks/useTokenModal';
@@ -30,7 +30,7 @@ import { useConfig } from '@/config';
 
 import { isDebug, notReachable } from '@/utils';
 
-import type { Token, TransferResult } from '@/types';
+import type { ChainsFilters, Token, TransferResult } from '@/types';
 
 export type Msg =
   | { type: 'on_select_token'; token: Token; variant: TokenInputType }
@@ -50,6 +50,7 @@ export const WidgetDepositContent = ({
   const { t } = useTypedTranslation();
   const { isDirectNearTokenWithdrawal } = useComputedSnapshot();
   const {
+    chainsFilter: customChainsFilter,
     alchemyApiKey,
     refetchQuoteInterval,
     intentsAccountType,
@@ -120,6 +121,20 @@ export const WidgetDepositContent = ({
     });
   }, [ctx.isDepositFromExternalWallet]);
 
+  const chainsFilters = useMemo((): ChainsFilters => {
+    if (customChainsFilter) {
+      return customChainsFilter;
+    }
+
+    return {
+      source: {
+        intents: 'none',
+        external: ctx.isDepositFromExternalWallet ? 'all' : 'wallet-supported',
+      },
+      target: { intents: 'all', external: 'none' },
+    };
+  }, [customChainsFilter, ctx.isDepositFromExternalWallet]);
+
   const onBackToSwap = () => {
     fireEvent('reset', { clearWalletAddress: false, keepSelectedTokens: true });
   };
@@ -187,13 +202,8 @@ export const WidgetDepositContent = ({
             groupTokens={tokenModalOpen === 'source'}
             chainsFilter={
               tokenModalOpen === 'source'
-                ? {
-                    intents: 'none',
-                    external: ctx.isDepositFromExternalWallet
-                      ? 'all'
-                      : 'wallet-supported',
-                  }
-                : { intents: 'all', external: 'none' }
+                ? chainsFilters.source
+                : chainsFilters.target
             }
             onMsg={(msg) => {
               switch (msg.type) {

package/src/widgets/WidgetSwap/WidgetSwapContent.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 
 import type { CommonWidgetProps, TokenInputType } from '../types';
 import { useTokenModal } from '../../hooks/useTokenModal';
@@ -30,7 +30,7 @@ import { useConfig } from '@/config';
 
 import { isDebug, notReachable } from '@/utils';
 
-import type { ChainsFilter, Token, TransferResult } from '@/types';
+import type { ChainsFilters, Token, TransferResult } from '@/types';
 
 export type Msg =
   | { type: 'on_tokens_modal_toggled'; isOpen: boolean }
@@ -39,18 +39,6 @@ export type Msg =
 
 export type Props = CommonWidgetProps<Msg>;
 
-const getSourceTokens = (
-  enableAccountAbstraction: boolean,
-  walletAddress?: string,
-): ChainsFilter => {
-  const enabledIntentsFilter = walletAddress ? 'with-balance' : 'all';
-
-  return {
-    intents: enableAccountAbstraction ? enabledIntentsFilter : 'none',
-    external: walletAddress ? 'wallet-supported' : 'all',
-  };
-};
-
 export const WidgetSwapContent = ({
   providers,
   makeTransfer,
@@ -60,6 +48,7 @@ export const WidgetSwapContent = ({
   const { ctx } = useUnsafeSnapshot();
   const { isDirectNearTokenWithdrawal } = useComputedSnapshot();
   const {
+    chainsFilter: customChainsFilter,
     enableAccountAbstraction,
     alchemyApiKey,
     refetchQuoteInterval,
@@ -114,6 +103,25 @@ export const WidgetSwapContent = ({
     ],
   });
 
+  const chainsFilters = useMemo((): ChainsFilters => {
+    if (customChainsFilter) {
+      return customChainsFilter;
+    }
+
+    const enabledIntentsFilter = ctx.walletAddress ? 'with-balance' : 'all';
+
+    return {
+      source: {
+        intents: enableAccountAbstraction ? enabledIntentsFilter : 'none',
+        external: ctx.walletAddress ? 'wallet-supported' : 'all',
+      },
+      target: {
+        intents: enableAccountAbstraction ? 'all' : 'none',
+        external: 'all',
+      },
+    };
+  }, [customChainsFilter, enableAccountAbstraction, ctx.walletAddress]);
+
   if (!!isLoading || (tokensStatus !== 'error' && !ctx.sourceToken)) {
     return <WidgetSwapSkeleton />;
   }
@@ -178,11 +186,8 @@ export const WidgetSwapContent = ({
             groupTokens={tokenModalOpen === 'source'}
             chainsFilter={
               tokenModalOpen === 'source'
-                ? getSourceTokens(!!enableAccountAbstraction, ctx.walletAddress)
-                : {
-                    intents: enableAccountAbstraction ? 'with-balance' : 'all',
-                    external: 'all',
-                  }
+                ? chainsFilters.source
+                : chainsFilters.target
             }
             onMsg={(msg) => {
               switch (msg.type) {