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

package/dist/widgets/WidgetSwap/WidgetSwapContent.js

@@ -1,30 +1,29 @@
 import { jsx as t, jsxs as _ } from "react/jsx-runtime";
-import { useState as b, useEffect as y } from "react";
-import { useTokenModal as R } from "../../hooks/useTokenModal.js";
-import { WidgetSwapSkeleton as S } from "./WidgetSwapSkeleton.js";
-import { useTypedTranslation as D } from "../../localisation.js";
-import { b as N, u as O, y as Q, n as j, c as q, p as w, o as F, S as U } from "../../config-CgCb5P7j.js";
+import { useState as S, useEffect as w } from "react";
+import { useTokenModal as N } from "../../hooks/useTokenModal.js";
+import { WidgetSwapSkeleton as T } from "./WidgetSwapSkeleton.js";
+import { useTypedTranslation as O } from "../../localisation.js";
+import { b as Q, u as j, y as q, n as F, c as U, p as b, o as K, S as P } from "../../config-C47AYcMK.js";
 import "@tanstack/react-query";
 import "@headlessui/react";
 import "@material-symbols-svg/react-rounded/icons/chevron-left";
 import "framer-motion";
 import "../../features/ChainsDropdown/ChainItem.js";
-import "@material-symbols-svg/react-rounded/icons/target";
 import "../../utils/cn.js";
 import "../../constants/chains.js";
 import { notReachable as s } from "../../utils/notReachable.js";
-import { SendAddress as K } from "../../features/SendAddress/index.js";
-import { SuccessScreen as P } from "../../features/SuccessScreen/index.js";
-import { TokensModal as Y } from "../../features/TokensModal.js";
-import { SwapDirectionSwitcher as z } from "../../features/SwapDirectionSwitcher.js";
+import { SendAddress as z } from "../../features/SendAddress/index.js";
+import { SuccessScreen as G } from "../../features/SuccessScreen/index.js";
+import { TokensModal as H } from "../../features/TokensModal.js";
+import { SwapDirectionSwitcher as J } from "../../features/SwapDirectionSwitcher.js";
 import "qrcode.react";
 import "@defuse-protocol/one-click-sdk-typescript";
 import "@material-symbols-svg/react-rounded/icons/progress-activity";
-import { isDebug as G } from "../../utils/checkers/isDebug.js";
+import { isDebug as L } from "../../utils/checkers/isDebug.js";
 import "viem";
 import "ethers";
 import "../../machine/machine.js";
-import { fireEvent as H } from "../../machine/events/utils/fireEvent.js";
+import { fireEvent as y } from "../../machine/events/utils/fireEvent.js";
 import "zod";
 import "../../utils/near/rpc.js";
 import "../../index-DEq3oXQF.js";
@@ -36,14 +35,14 @@ import "../../index-xuotMAFm.js";
 import "axios";
 import "../../network.js";
 import "viem/chains";
-import { useTokenInputPair as J } from "../../hooks/useTokenInputPair.js";
-import { useIsCompatibilityCheckRequired as L } from "../../hooks/useIsCompatibilityCheckRequired.js";
+import { useTokenInputPair as V } from "../../hooks/useTokenInputPair.js";
+import { useIsCompatibilityCheckRequired as X } from "../../hooks/useIsCompatibilityCheckRequired.js";
 import "browser-or-node";
 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 V } from "../../components/BlockingError.js";
+import { BlockingError as Y } from "../../components/BlockingError.js";
 import "copy-text-to-clipboard";
 import "@material-symbols-svg/react-rounded/icons/content-copy";
 import "@material-symbols-svg/react-rounded/icons/arrow-downward";
@@ -51,33 +50,38 @@ import "../../components/Input.js";
 import "../../components/InputAmount.js";
 import "../../components/Notes.js";
 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 X } from "../../features/WalletCompatibilityCheck/index.js";
-const et = ({
+import { WalletCompatibilityCheck as Z } from "../../features/WalletCompatibilityCheck/index.js";
+const tt = ({
   providers: m,
-  makeTransfer: T,
+  makeTransfer: C,
   onMsg: c,
-  isLoading: C,
-  isOneWay: x
+  isLoading: x,
+  isOneWay: I
 }) => {
-  const { ctx: o } = N(), { isDirectNearTokenWithdrawal: I } = O(), {
+  const { ctx: o } = Q(), { isDirectNearTokenWithdrawal: v } = j(), {
     chainsFilter: k,
-    alchemyApiKey: v,
+    alchemyApiKey: A,
     refetchQuoteInterval: M,
-    intentsAccountType: A,
-    onWalletSignout: W
-  } = Q(), { t: a } = D(), { status: d, refetch: B } = j(), { tokenModalOpen: r, updateTokenModalState: i } = R({ onMsg: c }), { onChangeAmount: f, onChangeToken: p, lastChangedInput: u } = J(), n = L(), [E, l] = b(
-    n
+    intentsAccountType: W,
+    onWalletSignout: B
+  } = q(), { t: n } = O(), { status: f, refetch: E } = F(), { tokenModalOpen: r, updateTokenModalState: i } = N({ onMsg: c }), { onChangeAmount: d, onChangeToken: p, lastChangedInput: l } = V(), a = X(), [R, u] = S(
+    a
   );
-  y(() => {
-    n && l(n);
-  }, [n]);
-  const [h, g] = b();
-  if (y(() => {
-    H("reset", { clearWalletAddress: !0 });
-  }, []), q({
-    debug: G(),
+  w(() => {
+    a && u(a);
+  }, [a]);
+  const [h, g] = S();
+  w(() => {
+    y("reset", { clearWalletAddress: !0 });
+  }, []);
+  const D = () => {
+    y("reset", { clearWalletAddress: !1, keepSelectedTokens: !0 });
+  };
+  if (U({
+    debug: L(),
     listenTo: [
       "checkWalletConnection",
       "setSourceTokenBalance",
@@ -86,26 +90,26 @@ const et = ({
         "makeQuote",
         {
           message: void 0,
-          type: u === "target" ? "exact_out" : "exact_in",
+          type: l === "target" ? "exact_out" : "exact_in",
           refetchQuoteInterval: M
         }
       ],
-      ["setBalancesUsingAlchemyExt", { alchemyApiKey: v }]
+      ["setBalancesUsingAlchemyExt", { alchemyApiKey: A }]
     ]
-  }), C || d !== "error" && !o.sourceToken)
-    return /* @__PURE__ */ t(S, {});
-  if (n && E)
+  }), x || f !== "error" && !o.sourceToken)
+    return /* @__PURE__ */ t(T, {});
+  if (a && R)
     return /* @__PURE__ */ t(
-      X,
+      Z,
       {
         providers: m,
         onMsg: (e) => {
           switch (e.type) {
             case "on_sign_out":
-              W?.(A), l(!1);
+              B?.(W), u(!1);
               break;
             case "on_close":
-              l(!1);
+              u(!1);
               break;
             default:
               s(e.type);
@@ -115,17 +119,15 @@ const et = ({
     );
   if (o.state === "transfer_success" && h)
     return /* @__PURE__ */ t(
-      P,
+      G,
       {
+        showTargetToken: !0,
+        title: n("transfer.success.swap.title", "Swap successful"),
         ...h,
-        message: [
-          "Your swap has been successfully completed,",
-          "and the funds are now available in your account."
-        ],
         onMsg: (e) => {
           switch (e.type) {
             case "on_dismiss_success":
-              g(void 0);
+              g(void 0), D();
               break;
             default:
               s(e.type);
@@ -133,18 +135,18 @@ const et = ({
         }
       }
     );
-  switch (d) {
+  switch (f) {
     case "error":
       return /* @__PURE__ */ t(
-        V,
+        Y,
         {
           message: "Couldn't load tokens list.",
-          onClickRetry: B
+          onClickRetry: E
         }
       );
     case "success":
       return r !== "none" ? /* @__PURE__ */ t(
-        Y,
+        H,
         {
           showBalances: !0,
           showChainsSelector: !0,
@@ -171,17 +173,17 @@ const et = ({
       ) : /* @__PURE__ */ _("div", { className: "gap-sw-2xl flex flex-col", children: [
         /* @__PURE__ */ _("div", { className: "gap-[10px] relative flex flex-col", children: [
           /* @__PURE__ */ t(
-            w.Source,
+            b.Source,
             {
-              heading: a("tokenInput.heading.source.swap", "Sell"),
-              isChanging: u === "source",
+              heading: n("tokenInput.heading.source.swap", "Sell"),
+              isChanging: l === "source",
               onMsg: (e) => {
                 switch (e.type) {
                   case "on_select_token":
                     p("source", e.token);
                     break;
                   case "on_change_amount":
-                    f("source", e.amount);
+                    d("source", e.amount);
                     break;
                   case "on_click_select_token":
                     i("source");
@@ -192,19 +194,19 @@ const et = ({
               }
             }
           ),
-          /* @__PURE__ */ t(z, { disabled: x }),
+          /* @__PURE__ */ t(J, { disabled: I }),
           /* @__PURE__ */ t(
-            w.Target,
+            b.Target,
             {
-              heading: a("tokenInput.heading.target.swap", "Buy"),
-              isChanging: u === "target",
+              heading: n("tokenInput.heading.target.swap", "Buy"),
+              isChanging: l === "target",
               onMsg: (e) => {
                 switch (e.type) {
                   case "on_select_token":
                     p("target", e.token);
                     break;
                   case "on_change_amount":
-                    f("target", e.amount);
+                    d("target", e.amount);
                     break;
                   case "on_click_select_token":
                     i("target");
@@ -217,7 +219,7 @@ const et = ({
           )
         ] }),
         !!o.walletAddress && o.targetToken && !o.targetToken.isIntent && /* @__PURE__ */ t(
-          K,
+          z,
           {
             onMsg: (e) => {
               switch (e.type) {
@@ -229,13 +231,13 @@ const et = ({
             }
           }
         ),
-        !I && /* @__PURE__ */ t(F, {}),
+        !v && /* @__PURE__ */ t(K, {}),
         /* @__PURE__ */ t(
-          U,
+          P,
           {
             providers: m,
-            makeTransfer: T,
-            label: o.sourceToken?.isIntent && o.targetToken?.isIntent ? a("submit.active.swap", "Swap") : a("submit.active.intentsSwap", "Swap & send"),
+            makeTransfer: C,
+            label: o.sourceToken?.isIntent && o.targetToken?.isIntent ? n("submit.active.swap", "Swap") : n("submit.active.intentsSwap", "Swap & send"),
             onSuccess: (e) => {
               g(e), c?.({ type: "on_transfer_success" });
             }
@@ -244,10 +246,10 @@ const et = ({
       ] });
     case "pending":
     default:
-      return /* @__PURE__ */ t(S, {});
+      return /* @__PURE__ */ t(T, {});
   }
 };
 export {
-  et as WidgetSwapContent
+  tt as WidgetSwapContent
 };
 //# sourceMappingURL=WidgetSwapContent.js.map

package/dist/widgets/WidgetSwap/WidgetSwapContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetSwapContent.js","sources":["../../../src/widgets/WidgetSwap/WidgetSwapContent.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { CommonWidgetProps, TokenInputType } from '../types';\nimport { useTokenModal } from '../../hooks/useTokenModal';\nimport { WidgetSwapSkeleton } from './WidgetSwapSkeleton';\nimport { useTypedTranslation } from '../../localisation';\nimport {\n  SendAddress,\n  SubmitButton,\n  SuccessScreen,\n  SwapDirectionSwitcher,\n  SwapQuote,\n  TokenInput,\n  TokensModal,\n} from '@/features';\n\nimport { 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\ntype Msg =\n  | { type: 'on_tokens_modal_toggled'; isOpen: boolean }\n  | { type: 'on_select_token'; token: Token; variant: TokenInputType }\n  | { type: 'on_transfer_success' };\n\nexport type Props = CommonWidgetProps<Msg> & {\n  isOneWay?: boolean;\n};\n\nexport const WidgetSwapContent = ({\n  providers,\n  makeTransfer,\n  onMsg,\n  isLoading,\n  isOneWay,\n}: Props) => {\n  const { ctx } = useUnsafeSnapshot();\n  const { isDirectNearTokenWithdrawal } = useComputedSnapshot();\n  const {\n    chainsFilter,\n    alchemyApiKey,\n    refetchQuoteInterval,\n    intentsAccountType,\n    onWalletSignout,\n  } = useConfig();\n\n  const { t } = useTypedTranslation();\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(\n    isCompatibilityCheckRequired,\n  );\n\n  useEffect(() => {\n    if (isCompatibilityCheckRequired) {\n      setIsCompatibilityOpen(isCompatibilityCheckRequired);\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      ['setDefaultSelectedTokens', { skipIntents: false }],\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  if (!!isLoading || (tokensStatus !== 'error' && !ctx.sourceToken)) {\n    return <WidgetSwapSkeleton />;\n  }\n\n  if (isCompatibilityCheckRequired && 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        message={[\n          'Your swap has been successfully completed,',\n          'and the funds are now available in your account.',\n        ]}\n        onMsg={(msg) => {\n          switch (msg.type) {\n            case 'on_dismiss_success':\n              setTransferResult(undefined);\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          <div className=\"gap-[10px] relative flex flex-col\">\n            <TokenInput.Source\n              heading={t('tokenInput.heading.source.swap', 'Sell')}\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\n            <SwapDirectionSwitcher disabled={isOneWay} />\n\n            <TokenInput.Target\n              heading={t('tokenInput.heading.target.swap', 'Buy')}\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          </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={\n              ctx.sourceToken?.isIntent && ctx.targetToken?.isIntent\n                ? t('submit.active.swap', 'Swap')\n                : t('submit.active.intentsSwap', 'Swap & send')\n            }\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 <WidgetSwapSkeleton />;\n  }\n};\n"],"names":["WidgetSwapContent","providers","makeTransfer","onMsg","isLoading","isOneWay","ctx","useUnsafeSnapshot","isDirectNearTokenWithdrawal","useComputedSnapshot","chainsFilter","alchemyApiKey","refetchQuoteInterval","intentsAccountType","onWalletSignout","useConfig","t","useTypedTranslation","tokensStatus","refetchTokens","useTokens","tokenModalOpen","updateTokenModalState","useTokenModal","onChangeAmount","onChangeToken","lastChangedInput","useTokenInputPair","isCompatibilityCheckRequired","useIsCompatibilityCheckRequired","isCompatibilityOpen","setIsCompatibilityOpen","useState","useEffect","transferResult","setTransferResult","fireEvent","useStoreSideEffects","isDebug","WidgetSwapSkeleton","jsx","WalletCompatibilityCheck","msg","notReachable","SuccessScreen","BlockingError","TokensModal","jsxs","TokenInput","SwapDirectionSwitcher","SendAddress","SwapQuote","SubmitButton","transfer"],"mappings":"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"}
+{"version":3,"file":"WidgetSwapContent.js","sources":["../../../src/widgets/WidgetSwap/WidgetSwapContent.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { CommonWidgetProps, TokenInputType } from '../types';\nimport { useTokenModal } from '../../hooks/useTokenModal';\nimport { WidgetSwapSkeleton } from './WidgetSwapSkeleton';\nimport { useTypedTranslation } from '../../localisation';\nimport {\n  SendAddress,\n  SubmitButton,\n  SuccessScreen,\n  SwapDirectionSwitcher,\n  SwapQuote,\n  TokenInput,\n  TokensModal,\n} from '@/features';\n\nimport { 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\ntype Msg =\n  | { type: 'on_tokens_modal_toggled'; isOpen: boolean }\n  | { type: 'on_select_token'; token: Token; variant: TokenInputType }\n  | { type: 'on_transfer_success' };\n\nexport type Props = CommonWidgetProps<Msg> & {\n  isOneWay?: boolean;\n};\n\nexport const WidgetSwapContent = ({\n  providers,\n  makeTransfer,\n  onMsg,\n  isLoading,\n  isOneWay,\n}: Props) => {\n  const { ctx } = useUnsafeSnapshot();\n  const { isDirectNearTokenWithdrawal } = useComputedSnapshot();\n  const {\n    chainsFilter,\n    alchemyApiKey,\n    refetchQuoteInterval,\n    intentsAccountType,\n    onWalletSignout,\n  } = useConfig();\n\n  const { t } = useTypedTranslation();\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(\n    isCompatibilityCheckRequired,\n  );\n\n  useEffect(() => {\n    if (isCompatibilityCheckRequired) {\n      setIsCompatibilityOpen(isCompatibilityCheckRequired);\n    }\n  }, [isCompatibilityCheckRequired]);\n\n  const [transferResult, setTransferResult] = useState<\n    TransferResult | undefined\n  >();\n\n  useEffect(() => {\n    fireEvent('reset', { clearWalletAddress: true });\n  }, []);\n\n  const onBackToSwap = () => {\n    fireEvent('reset', { clearWalletAddress: false, keepSelectedTokens: true });\n  };\n\n  useStoreSideEffects({\n    debug: isDebug(),\n    listenTo: [\n      'checkWalletConnection',\n      'setSourceTokenBalance',\n      ['setDefaultSelectedTokens', { skipIntents: false }],\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  if (!!isLoading || (tokensStatus !== 'error' && !ctx.sourceToken)) {\n    return <WidgetSwapSkeleton />;\n  }\n\n  if (isCompatibilityCheckRequired && 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.swap.title', 'Swap 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            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          <div className=\"gap-[10px] relative flex flex-col\">\n            <TokenInput.Source\n              heading={t('tokenInput.heading.source.swap', 'Sell')}\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\n            <SwapDirectionSwitcher disabled={isOneWay} />\n\n            <TokenInput.Target\n              heading={t('tokenInput.heading.target.swap', 'Buy')}\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          </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={\n              ctx.sourceToken?.isIntent && ctx.targetToken?.isIntent\n                ? t('submit.active.swap', 'Swap')\n                : t('submit.active.intentsSwap', 'Swap & send')\n            }\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 <WidgetSwapSkeleton />;\n  }\n};\n"],"names":["WidgetSwapContent","providers","makeTransfer","onMsg","isLoading","isOneWay","ctx","useUnsafeSnapshot","isDirectNearTokenWithdrawal","useComputedSnapshot","chainsFilter","alchemyApiKey","refetchQuoteInterval","intentsAccountType","onWalletSignout","useConfig","t","useTypedTranslation","tokensStatus","refetchTokens","useTokens","tokenModalOpen","updateTokenModalState","useTokenModal","onChangeAmount","onChangeToken","lastChangedInput","useTokenInputPair","isCompatibilityCheckRequired","useIsCompatibilityCheckRequired","isCompatibilityOpen","setIsCompatibilityOpen","useState","useEffect","transferResult","setTransferResult","fireEvent","onBackToSwap","useStoreSideEffects","isDebug","WidgetSwapSkeleton","jsx","WalletCompatibilityCheck","msg","notReachable","SuccessScreen","BlockingError","TokensModal","jsxs","TokenInput","SwapDirectionSwitcher","SendAddress","SwapQuote","SubmitButton","transfer"],"mappings":"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"}

package/dist/widgets/WidgetSwap/WidgetSwapSkeleton.js

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

package/dist/widgets/WidgetWithdraw/WidgetWithdrawContent.js

@@ -1,29 +1,28 @@
-import { jsx as t, jsxs as _ } from "react/jsx-runtime";
-import { useState as w, useEffect as b } from "react";
-import { useTokenModal as B } from "../../hooks/useTokenModal.js";
+import { jsx as t, jsxs as w } from "react/jsx-runtime";
+import { useState as _, useEffect as b } from "react";
+import { useTokenModal as N } from "../../hooks/useTokenModal.js";
 import { WidgetWithdrawSkeleton as y } from "./WidgetWithdrawSkeleton.js";
-import { useTypedTranslation as D } from "../../localisation.js";
-import { b as N, u as O, y as Q, n as j, c as q, p as S, o as F, S as U } from "../../config-CgCb5P7j.js";
+import { useTypedTranslation as O } from "../../localisation.js";
+import { b as Q, u as j, y as q, n as F, c as U, p as T, o as K, S as P } from "../../config-C47AYcMK.js";
 import "@tanstack/react-query";
 import "@headlessui/react";
 import "@material-symbols-svg/react-rounded/icons/chevron-left";
 import "framer-motion";
 import "../../features/ChainsDropdown/ChainItem.js";
-import "@material-symbols-svg/react-rounded/icons/target";
 import "../../utils/cn.js";
 import "../../constants/chains.js";
 import { notReachable as r } from "../../utils/notReachable.js";
-import { SendAddress as K } from "../../features/SendAddress/index.js";
-import { SuccessScreen as P } from "../../features/SuccessScreen/index.js";
-import { TokensModal as Y } from "../../features/TokensModal.js";
-import { DirectionSwitcher as z } from "../../components/DirectionSwitcher.js";
+import { SendAddress as z } from "../../features/SendAddress/index.js";
+import { SuccessScreen as G } from "../../features/SuccessScreen/index.js";
+import { TokensModal as H } from "../../features/TokensModal.js";
+import { DirectionSwitcher as J } from "../../components/DirectionSwitcher.js";
 import "ethers";
 import "../../machine/machine.js";
-import { fireEvent as G } from "../../machine/events/utils/fireEvent.js";
+import { fireEvent as S } 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 H } from "../../utils/checkers/isDebug.js";
+import { isDebug as L } from "../../utils/checkers/isDebug.js";
 import "viem";
 import "zod";
 import "../../utils/near/rpc.js";
@@ -36,45 +35,46 @@ import "../../index-xuotMAFm.js";
 import "axios";
 import "../../network.js";
 import "viem/chains";
-import { useTokenInputPair as J } from "../../hooks/useTokenInputPair.js";
-import { useIsCompatibilityCheckRequired as L } from "../../hooks/useIsCompatibilityCheckRequired.js";
+import { useTokenInputPair as V } from "../../hooks/useTokenInputPair.js";
+import { useIsCompatibilityCheckRequired as X } from "../../hooks/useIsCompatibilityCheckRequired.js";
 import "browser-or-node";
 import { Card as C } 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 V } from "../../components/BlockingError.js";
+import { BlockingError as Y } from "../../components/BlockingError.js";
 import "copy-text-to-clipboard";
 import "@material-symbols-svg/react-rounded/icons/content-copy";
 import "../../components/Input.js";
 import "../../components/InputAmount.js";
 import "../../components/Notes.js";
 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 X } from "../../features/WalletCompatibilityCheck/index.js";
-const et = ({
+import { WalletCompatibilityCheck as Z } from "../../features/WalletCompatibilityCheck/index.js";
+const tt = ({
   providers: m,
-  makeTransfer: T,
-  onMsg: a,
-  isLoading: x
+  makeTransfer: x,
+  onMsg: i,
+  isLoading: W
 }) => {
-  const { t: i } = D(), { ctx: s } = N(), { isDirectNearTokenWithdrawal: v } = O(), {
+  const { t: a } = O(), { ctx: s } = Q(), { isDirectNearTokenWithdrawal: v } = j(), {
     chainsFilter: u,
     alchemyApiKey: I,
-    refetchQuoteInterval: W,
+    refetchQuoteInterval: A,
     intentsAccountType: M,
-    onWalletSignout: A
-  } = Q(), { status: d, refetch: E } = j(), { tokenModalOpen: o, updateTokenModalState: n } = B({ onMsg: a }), { onChangeAmount: f, onChangeToken: c, lastChangedInput: p } = J(), k = L(), [R, l] = w(!1);
+    onWalletSignout: E
+  } = q(), { status: d, refetch: R } = F(), { tokenModalOpen: o, updateTokenModalState: n } = N({ onMsg: i }), { onChangeAmount: k, onChangeToken: c, lastChangedInput: p } = V(), f = X(), [B, l] = _(!1);
   b(() => {
-    k && l(!0);
-  }, [k]);
-  const [h, g] = w();
-  if (b(() => {
-    G("reset", { clearWalletAddress: !0 });
-  }, []), q({
-    debug: H(),
+    f && l(!0);
+  }, [f]);
+  const [h, g] = _();
+  b(() => {
+    S("reset", { clearWalletAddress: !0 });
+  }, []), U({
+    debug: L(),
     listenTo: [
       "checkWalletConnection",
       "setSourceTokenBalance",
@@ -87,22 +87,26 @@ const et = ({
         {
           message: void 0,
           type: p === "target" ? "exact_out" : "exact_in",
-          refetchQuoteInterval: W
+          refetchQuoteInterval: A
         }
       ],
       ["setBalancesUsingAlchemyExt", { alchemyApiKey: I }]
     ]
-  }), x || d !== "error" && !s.sourceToken)
+  });
+  const D = () => {
+    S("reset", { clearWalletAddress: !1, keepSelectedTokens: !0 });
+  };
+  if (W || d !== "error" && !s.sourceToken)
     return /* @__PURE__ */ t(y, {});
-  if (R)
+  if (B)
     return /* @__PURE__ */ t(
-      X,
+      Z,
       {
         providers: m,
         onMsg: (e) => {
           switch (e.type) {
             case "on_sign_out":
-              A?.(M), l(!1);
+              E?.(M), l(!1);
               break;
             case "on_close":
               l(!1);
@@ -115,17 +119,15 @@ const et = ({
     );
   if (s.state === "transfer_success" && h)
     return /* @__PURE__ */ t(
-      P,
+      G,
       {
+        showTargetToken: !0,
+        title: a("transfer.success.withdrawal.title", "Withdrawal successful"),
         ...h,
-        message: [
-          "Your withdrawal has been successfully completed,",
-          "and the funds have been sent to the specified destination."
-        ],
         onMsg: (e) => {
           switch (e.type) {
             case "on_dismiss_success":
-              g(void 0);
+              g(void 0), D();
               break;
             default:
               r(e.type);
@@ -136,15 +138,15 @@ const et = ({
   switch (d) {
     case "error":
       return /* @__PURE__ */ t(
-        V,
+        Y,
         {
           message: "Couldn't load tokens list.",
-          onClickRetry: E
+          onClickRetry: R
         }
       );
     case "success":
       return o !== "none" ? /* @__PURE__ */ t(
-        Y,
+        H,
         {
           showBalances: !0,
           variant: o,
@@ -154,7 +156,7 @@ const et = ({
           onMsg: (e) => {
             switch (e.type) {
               case "on_select_token":
-                c(o, e.token), n("none"), a?.({
+                c(o, e.token), n("none"), i?.({
                   type: e.type,
                   token: e.token,
                   variant: o
@@ -168,12 +170,12 @@ const et = ({
             }
           }
         }
-      ) : /* @__PURE__ */ _("div", { className: "gap-sw-2xl relative flex flex-col", children: [
-        /* @__PURE__ */ _("div", { className: "gap-[10px] relative flex flex-col", children: [
+      ) : /* @__PURE__ */ w("div", { className: "gap-sw-2xl relative flex flex-col", children: [
+        /* @__PURE__ */ w("div", { className: "gap-[10px] relative flex flex-col", children: [
           /* @__PURE__ */ t(C, { padding: "none", children: /* @__PURE__ */ t(
-            S.Source,
+            T.Source,
             {
-              heading: i(
+              heading: a(
                 "tokenInput.heading.source.withdraw",
                 "Withdraw token"
               ),
@@ -184,7 +186,7 @@ const et = ({
                     c("source", e.token);
                     break;
                   case "on_change_amount":
-                    f("source", e.amount);
+                    k("source", e.amount);
                     break;
                   case "on_click_select_token":
                     n("source");
@@ -195,11 +197,11 @@ const et = ({
               }
             }
           ) }),
-          /* @__PURE__ */ t(z, { isEnabled: !1 }),
+          /* @__PURE__ */ t(J, { isEnabled: !1 }),
           /* @__PURE__ */ t(C, { padding: "none", children: /* @__PURE__ */ t(
-            S.Target,
+            T.Target,
             {
-              heading: i(
+              heading: a(
                 "tokenInput.heading.target.withdraw",
                 "Receive token"
               ),
@@ -210,7 +212,7 @@ const et = ({
                     c("target", e.token);
                     break;
                   case "on_change_amount":
-                    f("target", e.amount);
+                    k("target", e.amount);
                     break;
                   case "on_click_select_token":
                     n("target");
@@ -223,7 +225,7 @@ const et = ({
           ) })
         ] }),
         !!s.walletAddress && s.targetToken && !s.targetToken.isIntent && /* @__PURE__ */ t(
-          K,
+          z,
           {
             onMsg: (e) => {
               switch (e.type) {
@@ -235,15 +237,15 @@ const et = ({
             }
           }
         ),
-        !v && /* @__PURE__ */ t(F, {}),
+        !v && /* @__PURE__ */ t(K, {}),
         /* @__PURE__ */ t(
-          U,
+          P,
           {
             providers: m,
-            makeTransfer: T,
-            label: i("submit.active.withdraw", "Swap & withdraw"),
+            makeTransfer: x,
+            label: a("submit.active.withdraw", "Swap & withdraw"),
             onSuccess: (e) => {
-              g(e), a?.({ type: "on_transfer_success" });
+              g(e), i?.({ type: "on_transfer_success" });
             }
           }
         )
@@ -254,6 +256,6 @@ const et = ({
   }
 };
 export {
-  et as WidgetWithdrawContent
+  tt as WidgetWithdrawContent
 };
 //# sourceMappingURL=WidgetWithdrawContent.js.map