@aurora-is-near/intents-swap-widget 3.15.1 → 3.15.2

package/dist/index.js

@@ -1,12 +1,12 @@
-import { B as o, M as t, Q as s, S as a, o as n, p, T as f, q as m, w as i, W as u, v as x, x as d, r as c, t as S, e as l, d as k, u as T, f as g, g as h, h as B, j as C, i as E, k as M, a as I, c as W, l as w, n as D, m as A, b as v } from "./config-DCXH00Br.js";
-import { DEFAULT_RPCS as y } from "./rpcs.js";
+import { B as o, M as t, Q as s, S as a, o as n, p, T as f, q as m, w as i, W as u, v as x, x as d, r as c, t as l, e as S, d as k, u as T, f as g, g as h, h as B, j as C, i as E, k as M, a as I, c as W, l as w, n as D, m as A, b as v } from "./config-CJfcVohD.js";
+import { DEFAULT_RPCS as b } from "./rpcs.js";
 import { Accordion as L } from "./components/Accordion.js";
 import { Badge as R } from "./components/Badge.js";
 import { Banner as F } from "./components/Banner.js";
-import { BlockingError as U } from "./components/BlockingError.js";
-import { Button as H } from "./components/Button.js";
-import { Card as z } from "./components/Card.js";
-import { CopyButton as J } from "./components/CopyButton.js";
+import { BlockingError as N } from "./components/BlockingError.js";
+import { Button as j } from "./components/Button.js";
+import { Card as _ } from "./components/Card.js";
+import { CopyButton as G } from "./components/CopyButton.js";
 import { DirectionSwitcher as O } from "./components/DirectionSwitcher.js";
 import { ErrorMessage as X } from "./components/ErrorMessage.js";
 import { Hr as Z } from "./components/Hr.js";
@@ -17,7 +17,7 @@ import { Notes as pe } from "./components/Notes.js";
 import { Skeleton as me } from "./components/Skeleton.js";
 import { TinyNumber as ue } from "./components/TinyNumber.js";
 import { TokenIcon as de } from "./components/TokenIcon.js";
-import { StatusWidget as Se } from "./components/StatusWidget.js";
+import { StatusWidget as le } from "./components/StatusWidget.js";
 import { WidgetContainer as ke } from "./components/WidgetContainer.js";
 import { CloseButton as ge } from "./components/CloseButton.js";
 import { ChainsDropdown as Be } from "./features/ChainsDropdown/index.js";
@@ -25,38 +25,39 @@ import { SendAddress as Ee } from "./features/SendAddress/index.js";
 import { SuccessScreen as Ie } from "./features/SuccessScreen/index.js";
 import { TokensModal as we } from "./features/TokensModal.js";
 import { SwapDirectionSwitcher as Ae } from "./features/SwapDirectionSwitcher.js";
-import { ExternalDeposit as be } from "./features/ExternalDeposit.js";
+import { ExternalDeposit as ye } from "./features/ExternalDeposit.js";
 import { DepositMethodSwitcher as Qe } from "./features/DepositMethodSwitcher.js";
 import { WalletCompatibilityCheck as Pe } from "./features/WalletCompatibilityCheck/index.js";
 import { useMakeEvmTransfer as qe } from "./hooks/useMakeEvmTransfer.js";
-import { useMakeSolanaTransfer as Ne } from "./hooks/useMakeSolanaTransfer.js";
-import { useTokenInputPair as je } from "./hooks/useTokenInputPair.js";
-import { useWalletBalance as _e } from "./hooks/useWalletBalance.js";
-import { useExternalDepositStatus as Ge } from "./hooks/useExternalDepositStatus/index.js";
-import { useIsCompatibilityCheckRequired as Ke } from "./hooks/useIsCompatibilityCheckRequired.js";
+import { useMakeSolanaTransfer as He } from "./hooks/useMakeSolanaTransfer.js";
+import { useTokenInputPair as Ue } from "./hooks/useTokenInputPair.js";
+import { useWalletBalance as Ke } from "./hooks/useWalletBalance.js";
+import { useExternalDepositStatus as ze } from "./hooks/useExternalDepositStatus/index.js";
+import { useIsCompatibilityCheckRequired as Je } from "./hooks/useIsCompatibilityCheckRequired.js";
 import { useToggleTheme as Ve } from "./hooks/useToggleTheme.js";
-import { guardStates as Ye } from "./machine/guards/index.js";
-import { machine as $e, moveTo as er } from "./machine/machine.js";
-import { fireEvent as or } from "./machine/events/utils/fireEvent.js";
-import { WidgetSwap as sr } from "./widgets/WidgetSwap/index.js";
-import { WidgetDeposit as nr } from "./widgets/WidgetDeposit/index.js";
-import { WidgetWithdraw as fr } from "./widgets/WidgetWithdraw/index.js";
+import { useHandleKeyDown as Ye } from "./hooks/useHandleKeyDown.js";
+import { guardStates as $e } from "./machine/guards/index.js";
+import { machine as rr, moveTo as or } from "./machine/machine.js";
+import { fireEvent as sr } from "./machine/events/utils/fireEvent.js";
+import { WidgetSwap as nr } from "./widgets/WidgetSwap/index.js";
+import { WidgetDeposit as fr } from "./widgets/WidgetDeposit/index.js";
+import { WidgetWithdraw as ir } from "./widgets/WidgetWithdraw/index.js";
 export {
   L as Accordion,
   R as Badge,
   o as BalanceRpcLoader,
   F as Banner,
-  U as BlockingError,
-  H as Button,
-  z as Card,
+  N as BlockingError,
+  j as Button,
+  _ as Card,
   Be as ChainsDropdown,
   ge as CloseButton,
-  J as CopyButton,
-  y as DEFAULT_RPCS,
+  G as CopyButton,
+  b as DEFAULT_RPCS,
   Qe as DepositMethodSwitcher,
   O as DirectionSwitcher,
   X as ErrorMessage,
-  be as ExternalDeposit,
+  ye as ExternalDeposit,
   Z as Hr,
   ee as Icon,
   oe as Input,
@@ -67,7 +68,7 @@ export {
   s as QuoteError,
   Ee as SendAddress,
   me as Skeleton,
-  Se as StatusWidget,
+  le as StatusWidget,
   a as SubmitButton,
   Ie as SuccessScreen,
   Ae as SwapDirectionSwitcher,
@@ -82,38 +83,39 @@ export {
   Pe as WalletCompatibilityCheck,
   u as WidgetConfigProvider,
   ke as WidgetContainer,
-  nr as WidgetDeposit,
+  fr as WidgetDeposit,
   x as WidgetError,
-  sr as WidgetSwap,
-  fr as WidgetWithdraw,
-  or as fireEvent,
-  Ye as guardStates,
+  nr as WidgetSwap,
+  ir as WidgetWithdraw,
+  sr as fireEvent,
+  $e as guardStates,
   d as isWidgetError,
-  $e as machine,
-  er as moveTo,
+  rr as machine,
+  or as moveTo,
   c as registerStoreEvents,
-  S as useAlchemyBalanceIntegration,
-  l as useAllTokens,
+  l as useAlchemyBalanceIntegration,
+  S as useAllTokens,
   k as useChains,
   T as useComputedSnapshot,
-  Ge as useExternalDepositStatus,
+  ze as useExternalDepositStatus,
+  Ye as useHandleKeyDown,
   g as useIntentsBalance,
-  Ke as useIsCompatibilityCheckRequired,
+  Je as useIsCompatibilityCheckRequired,
   qe as useMakeEvmTransfer,
   h as useMakeIntentsTransfer,
   B as useMakeQuote,
   C as useMakeQuoteTransfer,
-  Ne as useMakeSolanaTransfer,
+  He as useMakeSolanaTransfer,
   E as useMakeTransfer,
   M as useMergedBalance,
   I as useSafeSnapshot,
   W as useStoreSideEffects,
   w as useSwitchChain,
   Ve as useToggleTheme,
-  je as useTokenInputPair,
+  Ue as useTokenInputPair,
   D as useTokens,
   A as useTokensFiltered,
   v as useUnsafeSnapshot,
-  _e as useWalletBalance
+  Ke as useWalletBalance
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/machine/effects/index.js

@@ -1,6 +1,6 @@
 import "lodash.once";
 import "react";
-import { r as i, c as m } from "../../config-DCXH00Br.js";
+import { r as i, c as m } from "../../config-CJfcVohD.js";
 import "../../logger.js";
 export {
   i as registerStoreEvents,

package/dist/machine/effects/useAlchemyBalanceEffect.js

@@ -1,4 +1,4 @@
-import { U as c } from "../../config-DCXH00Br.js";
+import { U as c } from "../../config-CJfcVohD.js";
 export {
   c as useAlchemyBalanceEffect
 };

package/dist/machine/effects/useBalancesUpdateEffect.js

@@ -1,6 +1,6 @@
 import "react";
 import "@tanstack/react-query";
-import { F as a } from "../../config-DCXH00Br.js";
+import { F as a } from "../../config-CJfcVohD.js";
 import "../guards/index.js";
 import "../machine.js";
 export {

package/dist/machine/effects/useMakeQuoteEffect.js

@@ -1,7 +1,7 @@
 import "react";
 import "../../logger.js";
 import "../guards/checks/isDryQuote.js";
-import { P as a } from "../../config-DCXH00Br.js";
+import { P as a } from "../../config-CJfcVohD.js";
 import "../guards/index.js";
 import "../machine.js";
 import "../events/utils/fireEvent.js";

package/dist/machine/effects/useSelectedTokensEffect.js

@@ -2,7 +2,7 @@ import "react";
 import "../../utils/solana/isSolanaAddress.js";
 import "../../utils/evm/isEvmAddress.js";
 import "../../utils/near/isNearAddress.js";
-import { R as l } from "../../config-DCXH00Br.js";
+import { R as l } from "../../config-CJfcVohD.js";
 import "../../utils/tokens/getMainTokenByChain.js";
 import "../../utils/tokens/getDefaultIntentsToken.js";
 import "../../utils/tokens/getTokenWithHighBalance.js";

package/dist/machine/effects/useSetTokenBalanceEffect.js

@@ -1,5 +1,5 @@
 import "react";
-import { G as a } from "../../config-DCXH00Br.js";
+import { G as a } from "../../config-CJfcVohD.js";
 import "../../utils/intents/getTokenBalanceKey.js";
 import "ethers";
 import "../machine.js";

package/dist/machine/effects/useSetTokenIntentsTargetEffect.js

@@ -1,5 +1,5 @@
 import "react";
-import { H as i } from "../../config-DCXH00Br.js";
+import { H as i } from "../../config-CJfcVohD.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-DCXH00Br.js";
+import { I as f } from "../../config-CJfcVohD.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-DCXH00Br.js";
+import { _ as b } from "../../config-CJfcVohD.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-DCXH00Br.js";
+import { Z as p } from "../../config-CJfcVohD.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-DCXH00Br.js";
+import { O as m } from "../../config-CJfcVohD.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-DCXH00Br.js";
+import { K as I, L as d, N as u } from "../../config-CJfcVohD.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-DCXH00Br.js";
+import { r as o, u as t, a as r, c as a, b as f } from "../config-CJfcVohD.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-DCXH00Br.js";
+import { u as h, a as b, b as d } from "../config-CJfcVohD.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-DCXH00Br.js";
+import { V as o } from "../../../config-CJfcVohD.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-DCXH00Br.js";
+import { X as g, Y as u } from "../../config-CJfcVohD.js";
 import "./checkers/isAmountChangedFromQuote.js";
 import "ethers";
 import "../machine.js";

package/dist/theme/ThemeProvider.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "browser-or-node";
 import "react";
 import "./createColorPalette.js";
-import { C as p, ae as a } from "../config-DCXH00Br.js";
+import { C as p, ae as a } from "../config-CJfcVohD.js";
 export {
   p as ThemeContext,
   a as ThemeProvider

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

@@ -1,6 +1,6 @@
 import "../../../index-DEq3oXQF.js";
 import "@defuse-protocol/bridge-sdk";
-import { a2 as o } from "../../../config-DCXH00Br.js";
+import { a2 as o } from "../../../config-CJfcVohD.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-DCXH00Br.js";
+import { a1 as i } from "../../../config-CJfcVohD.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-DCXH00Br.js";
+import { $ as m } from "../../config-CJfcVohD.js";
 export {
   m as getNearNep141StorageBalance
 };

package/dist/widgets/WidgetDeposit/WidgetDepositContent.js

@@ -3,11 +3,12 @@ import { useState as y, useEffect as l, 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 N, n as j, c as O, p as Q, o as U, S as K } from "../../config-DCXH00Br.js";
+import { b as F, u as q, y as N, n as j, c as O, p as Q, o as U, S as K } from "../../config-CJfcVohD.js";
 import "@tanstack/react-query";
 import "@headlessui/react";
 import "framer-motion";
 import "lucide-react";
+import "../../features/ChainsDropdown/ChainItem.js";
 import "../../utils/cn.js";
 import "../../constants/chains.js";
 import { notReachable as r } from "../../utils/notReachable.js";
@@ -42,13 +43,13 @@ import "viem/chains";
 import { useTokenInputPair as X } from "../../hooks/useTokenInputPair.js";
 import { useIsCompatibilityCheckRequired as Z } from "../../hooks/useIsCompatibilityCheckRequired.js";
 import "browser-or-node";
-const Pe = ({
-  providers: u,
+const Ye = ({
+  providers: p,
   onMsg: n,
   makeTransfer: w,
   isLoading: T
 }) => {
-  const { ctx: o } = F(), { t: p } = A(), { isDirectNearTokenWithdrawal: x } = q(), {
+  const { ctx: o } = F(), { t: u } = A(), { isDirectNearTokenWithdrawal: x } = q(), {
     chainsFilter: m,
     alchemyApiKey: C,
     refetchQuoteInterval: g,
@@ -95,7 +96,7 @@ const Pe = ({
     return /* @__PURE__ */ t(
       L,
       {
-        providers: u,
+        providers: p,
         onMsg: (e) => {
           switch (e.type) {
             case "on_sign_out":
@@ -170,7 +171,7 @@ const Pe = ({
           Q.Source,
           {
             showBalance: !o.isDepositFromExternalWallet,
-            heading: p("tokenInput.heading.source.deposit", "Sell"),
+            heading: u("tokenInput.heading.source.deposit", "Sell"),
             onMsg: (e) => {
               switch (e.type) {
                 case "on_select_token":
@@ -203,9 +204,9 @@ const Pe = ({
         /* @__PURE__ */ t(
           K,
           {
-            providers: u,
+            providers: p,
             makeTransfer: w,
-            label: p("submit.active.deposit", "Deposit now"),
+            label: u("submit.active.deposit", "Deposit now"),
             onSuccess: (e) => {
               c(e), n?.({ type: "on_transfer_success" });
             }
@@ -218,6 +219,6 @@ const Pe = ({
   }
 };
 export {
-  Pe as WidgetDepositContent
+  Ye 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\ntype 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  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        message={[\n          'Your deposit 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          <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 className=\"mt-sw-md\">\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","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\ntype 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  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        message={[\n          'Your deposit 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          <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 className=\"mt-sw-md\">\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","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-DCXH00Br.js";
+import { y as i } from "../../config-CJfcVohD.js";
 const p = () => {
   const { hideTokenInputHeadings: l } = i();
   return /* @__PURE__ */ o("div", { className: "w-full gap-sw-xl relative flex flex-col", children: [

package/dist/widgets/WidgetSwap/WidgetSwapContent.js

@@ -3,11 +3,12 @@ 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-DCXH00Br.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-CJfcVohD.js";
 import "@tanstack/react-query";
 import "@headlessui/react";
 import "framer-motion";
 import "lucide-react";
+import "../../features/ChainsDropdown/ChainItem.js";
 import "../../utils/cn.js";
 import "../../constants/chains.js";
 import { notReachable as n } from "../../utils/notReachable.js";
@@ -41,7 +42,7 @@ import "copy-text-to-clipboard";
 import "../../components/InputAmount.js";
 import "../../components/Notes.js";
 import { WalletCompatibilityCheck as X } from "../../features/WalletCompatibilityCheck/index.js";
-const Ue = ({
+const Ke = ({
   providers: m,
   makeTransfer: T,
   onMsg: c,
@@ -235,6 +236,6 @@ const Ue = ({
   }
 };
 export {
-  Ue as WidgetSwapContent
+  Ke 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  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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"}

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-DCXH00Br.js";
+import { y as i } from "../../config-CJfcVohD.js";
 const m = () => {
   const { hideTokenInputHeadings: e } = i();
   return /* @__PURE__ */ a("div", { className: "w-full gap-sw-lg relative flex flex-col", children: [