@aurora-is-near/intents-swap-widget 3.17.0 → 3.17.2

package/dist/widgets/WidgetWithdraw/WidgetWithdrawContent.js

@@ -3,7 +3,7 @@ import { useState as w, useEffect as b } from "react";
 import { useTokenModal as B } 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-BMe2x51b.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-BVaLnxO9.js";
 import "@tanstack/react-query";
 import "@headlessui/react";
 import "framer-motion";
@@ -26,7 +26,7 @@ import "viem";
 import "zod";
 import "../../utils/near/rpc.js";
 import "../../index-DEq3oXQF.js";
-import "@defuse-protocol/bridge-sdk";
+import "@defuse-protocol/intents-sdk";
 import "change-case";
 import "@defuse-protocol/internal-utils";
 import "bs58";
@@ -40,10 +40,11 @@ import "browser-or-node";
 import { Card as C } from "../../components/Card.js";
 import { BlockingError as V } from "../../components/BlockingError.js";
 import "copy-text-to-clipboard";
+import "../../components/Input.js";
 import "../../components/InputAmount.js";
 import "../../components/Notes.js";
 import { WalletCompatibilityCheck as X } from "../../features/WalletCompatibilityCheck/index.js";
-const Pe = ({
+const Ye = ({
   providers: u,
   makeTransfer: T,
   onMsg: a,
@@ -243,6 +244,6 @@ const Pe = ({
   }
 };
 export {
-  Pe as WidgetWithdrawContent
+  Ye as WidgetWithdrawContent
 };
 //# sourceMappingURL=WidgetWithdrawContent.js.map

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

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

package/dist/widgets/WidgetWithdraw/WidgetWithdrawSkeleton.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurora-is-near/intents-swap-widget",
-  "version": "3.17.0",
+  "version": "3.17.2",
   "description": "Provides components and hooks to build your own Intents swap widget",
   "author": "Maksim Vashchuk",
   "license": "MIT",
@@ -55,7 +55,7 @@
   },
   "dependencies": {
     "@aurora-is-near/eslint-config": "^1.5.3",
-    "@defuse-protocol/bridge-sdk": "0.10.3",
+    "@defuse-protocol/intents-sdk": "^0.43.3",
     "@defuse-protocol/internal-utils": "^0.13.0",
     "@defuse-protocol/one-click-sdk-typescript": "^0.1.5",
     "@headlessui/react": "^2.2.4",

package/src/components/Input.tsx

@@ -1,4 +1,11 @@
-import { Fragment, useEffect, useRef, useState } from 'react';
+import {
+  forwardRef,
+  Fragment,
+  useEffect,
+  useImperativeHandle,
+  useRef,
+  useState,
+} from 'react';
 import { Input as UIInput } from '@headlessui/react';
 import type { InputProps } from '@headlessui/react';
 import type { PropsWithChildren } from 'react';
@@ -16,104 +23,112 @@ export type Props = Omit<InputProps, 'size'> & {
   state?: State;
 };
 
-export const Input = ({
-  state = 'default',
-  defaultValue = '',
-  focusOnMount = false,
-  className,
-  onChange,
-  children,
-  icon: Icon,
-  ...inputProps
-}: PropsWithChildren<Props>) => {
-  const inputRef = useRef<HTMLInputElement>(null);
-  const [isFocused, setIsFocused] = useState(false);
-  const [value, setValue] = useState(defaultValue);
+export const Input = forwardRef<HTMLInputElement, PropsWithChildren<Props>>(
+  (
+    {
+      state = 'default',
+      defaultValue = '',
+      focusOnMount = false,
+      className,
+      onChange,
+      children,
+      icon: Icon,
+      ...inputProps
+    },
+    ref,
+  ) => {
+    const inputRef = useRef<HTMLInputElement>(null);
 
-  const handleFocus = () => setIsFocused(true);
-  const handleBlur = () => setIsFocused(false);
-  const handleClear = () => {
-    setValue('');
-    onChange?.({
-      target: { value: '' },
-    } as React.ChangeEvent<HTMLInputElement>);
-  };
+    useImperativeHandle(ref, () => inputRef.current!);
 
-  const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setValue(e.target.value);
-    onChange?.(e);
-  };
+    const [isFocused, setIsFocused] = useState(false);
+    const [value, setValue] = useState(defaultValue);
 
-  useEffect(() => {
-    setValue(defaultValue);
-  }, [defaultValue]);
+    const handleFocus = () => setIsFocused(true);
+    const handleBlur = () => setIsFocused(false);
+    const handleClear = () => {
+      setValue('');
+      onChange?.({
+        target: { value: '' },
+      } as React.ChangeEvent<HTMLInputElement>);
+    };
 
-  useEffect(() => {
-    if (focusOnMount) {
-      inputRef.current?.focus();
-    }
-  }, []);
+    const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+      setValue(e.target.value);
+      onChange?.(e);
+    };
 
-  const inputDisabled = ['disabled', 'fixed'].includes(state);
+    useEffect(() => {
+      setValue(defaultValue);
+    }, [defaultValue]);
 
-  return (
-    <UIInput
-      type="text"
-      as={Fragment}
-      disabled={inputDisabled}
-      autoComplete="off"
-      className={cn(
-        'px-sw-lg py-sw-lg text-sw-label-md rounded-sw-md ring-transparent ring-1 ring-inset data-focus:outline-none transition-colors bg-sw-gray-800',
-        {
-          'text-sw-gray-400 bg-sw-gray-800': state === 'fixed',
-          'text-sw-status-error bg-sw-gray-800': state === 'error',
-          'text-sw-gray-50 bg-sw-gray-700': isFocused && state === 'default',
-          'text-sw-gray-50 hover:bg-sw-gray-700':
-            !isFocused && state === 'default',
-          'cursor-not-allowed bg-sw-gray-800 text-sw-gray-400':
-            state === 'disabled',
-        },
-        className,
-      )}
-      {...inputProps}>
-      {() => (
-        <div className="flex items-center justify-between">
-          {Icon && <Icon size={16} className="mr-sw-md text-sw-gray-200" />}
-          <input
-            value={value}
-            ref={inputRef}
-            onBlur={handleBlur}
-            onFocus={handleFocus}
-            onChange={onInputChange}
-            disabled={inputDisabled}
-            placeholder={inputProps.placeholder}
-            autoComplete="off"
-            className={cn('text-sw-label-md mr-auto w-full outline-none', {
-              'cursor-not-allowed': state === 'disabled',
-            })}
-          />
-          {!inputDisabled && (
-            <div className="gap-sw-md relative flex items-center justify-end">
-              {children}
-              {value ? (
-                <button
-                  type="button"
-                  className={cn(
-                    'opacity-0 transition-opacity duration-150 ease-in-out hover:text-sw-gray-50',
-                    {
-                      'cursor-pointer opacity-100': !!value,
-                      'cursor-default text-sw-gray-200': isFocused,
-                      'cursor-default text-sw-gray-300': !isFocused,
-                    },
-                  )}
-                  onClick={handleClear}>
-                  <Icons.X className="h-sw-xl w-sw-xl" />
-                </button>
-              ) : null}
-            </div>
-          )}
-        </div>
-      )}
-    </UIInput>
-  );
-};
+    useEffect(() => {
+      if (focusOnMount) {
+        inputRef.current?.focus();
+      }
+    }, []);
+
+    const inputDisabled = ['disabled', 'fixed'].includes(state);
+
+    return (
+      <UIInput
+        type="text"
+        as={Fragment}
+        disabled={inputDisabled}
+        autoComplete="off"
+        className={cn(
+          'px-sw-lg py-sw-lg text-sw-label-md rounded-sw-md ring-transparent ring-1 ring-inset data-focus:outline-none transition-colors bg-sw-gray-800',
+          {
+            'text-sw-gray-400 bg-sw-gray-800': state === 'fixed',
+            'text-sw-status-error bg-sw-gray-800': state === 'error',
+            'text-sw-gray-50 bg-sw-gray-700': isFocused && state === 'default',
+            'text-sw-gray-50 hover:bg-sw-gray-700':
+              !isFocused && state === 'default',
+            'cursor-not-allowed bg-sw-gray-800 text-sw-gray-400':
+              state === 'disabled',
+          },
+          className,
+        )}
+        {...inputProps}>
+        {() => (
+          <div className="flex items-center justify-between">
+            {Icon && <Icon size={16} className="mr-sw-md text-sw-gray-200" />}
+            <input
+              value={value}
+              ref={inputRef}
+              onBlur={handleBlur}
+              onFocus={handleFocus}
+              onChange={onInputChange}
+              disabled={inputDisabled}
+              placeholder={inputProps.placeholder}
+              autoComplete="off"
+              className={cn('text-sw-label-md mr-auto w-full outline-none', {
+                'cursor-not-allowed': state === 'disabled',
+              })}
+            />
+            {!inputDisabled && (
+              <div className="gap-sw-md relative flex items-center justify-end">
+                {children}
+                {value ? (
+                  <button
+                    type="button"
+                    className={cn(
+                      'opacity-0 transition-opacity duration-150 ease-in-out hover:text-sw-gray-50',
+                      {
+                        'cursor-pointer opacity-100': !!value,
+                        'cursor-default text-sw-gray-200': isFocused,
+                        'cursor-default text-sw-gray-300': !isFocused,
+                      },
+                    )}
+                    onClick={handleClear}>
+                    <Icons.X className="h-sw-xl w-sw-xl" />
+                  </button>
+                ) : null}
+              </div>
+            )}
+          </div>
+        )}
+      </UIInput>
+    );
+  },
+);

package/src/features/TokensModal.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useRef, useState } from 'react';
 import * as Icons from 'lucide-react';
 
 import { TokensList } from './TokensList';
@@ -46,12 +46,28 @@ export const TokensModal = ({
   const { ctx } = useUnsafeSnapshot();
   const { walletSupportedChains } = useConfig();
 
+  const searchInputRef = useRef<HTMLInputElement>(null);
   const [search, setSearch] = useState('');
   const chains = useChains(variant);
 
   const handleClose = () => onMsg({ type: 'on_dismiss_tokens_modal' });
 
-  useHandleKeyDown('Escape', handleClose);
+  useHandleKeyDown(
+    'Escape',
+    () => {
+      if (search) {
+        setSearch('');
+      } else {
+        handleClose();
+      }
+    },
+    [search],
+  );
+
+  useHandleKeyDown('Alphanumeric', (key) => {
+    setSearch((s) => s + key);
+    searchInputRef.current?.focus();
+  });
 
   // If there is only one chain available, select it by default
   const defaultChain =
@@ -84,6 +100,7 @@ export const TokensModal = ({
         <Input
           focusOnMount
           icon={Icons.Search}
+          ref={searchInputRef}
           defaultValue={search}
           className="w-full"
           placeholder="Search or paste address"

package/src/hooks/useHandleKeyDown.ts

@@ -1,10 +1,32 @@
 import { useEffect } from 'react';
 
-export const useHandleKeyDown = (key: string, onKeyPress: () => void) => {
+const isLetter = (key: string) => {
+  return key.length === 1 && /^[a-z]$/i.test(key);
+};
+
+const isNumber = (key: string) => {
+  return key.length === 1 && /^[0-9]$/.test(key);
+};
+
+const isAlphanumeric = (key: string) => {
+  return isLetter(key) || isNumber(key);
+};
+
+export const useHandleKeyDown = (
+  key: 'Escape' | 'ArrowDown' | 'ArrowUp' | 'Alphanumeric',
+  onKeyPress: (key: string) => void,
+  deps: unknown[] = [],
+) => {
   useEffect(() => {
     const handleKeyDown = (event: KeyboardEvent) => {
+      if (key === 'Alphanumeric' && isAlphanumeric(event.key)) {
+        onKeyPress(event.key);
+
+        return;
+      }
+
       if (event.key === key) {
-        onKeyPress();
+        onKeyPress(key);
       }
     };
 
@@ -13,5 +35,5 @@ export const useHandleKeyDown = (key: string, onKeyPress: () => void) => {
     return () => {
       window.removeEventListener('keydown', handleKeyDown);
     };
-  }, [key]);
+  }, [key, ...deps]);
 };

package/src/hooks/useMakeIntentsTransfer.ts

@@ -1,12 +1,12 @@
 import {
-  BridgeSDK,
   createIntentSignerNEP413,
   createInternalTransferRoute,
   createNearWithdrawalRoute,
   FeeExceedsAmountError,
+  IntentsSDK,
   MinWithdrawalAmountError,
   type RouteConfig,
-} from '@defuse-protocol/bridge-sdk';
+} from '@defuse-protocol/intents-sdk';
 import type { NearWalletBase as NearWallet } from '@hot-labs/near-connect/build/types/wallet';
 import { snakeCase } from 'change-case';
 import { generateRandomBytes } from '../utils/near/getRandomBytes';
@@ -18,6 +18,7 @@ import { TransferError } from '@/errors';
 import { INTENTS_CONTRACT } from '@/constants';
 import { CHAIN_IDS_MAP } from '@/constants/chains';
 import { notReachable } from '@/utils/notReachable';
+import { isErrorLikeObject } from '@/utils/isErrorLikeObject';
 import { localStorageTyped } from '@/utils/localstorage';
 import { queryContract } from '@/utils/near/queryContract';
 import { IntentSignerPrivy } from '@/utils/intents/signers/privy';
@@ -245,7 +246,7 @@ export const useMakeIntentsTransfer = ({ providers }: IntentsTransferArgs) => {
         notReachable(intentsAccountType);
     }
 
-    const sdk = new BridgeSDK({ referral: snakeCase(appName) });
+    const sdk = new IntentsSDK({ referral: snakeCase(appName) });
 
     sdk.setIntentSigner(signer);
 
@@ -261,35 +262,48 @@ export const useMakeIntentsTransfer = ({ providers }: IntentsTransferArgs) => {
       routeConfig = createInternalTransferRoute();
     }
 
-    const withdrawal = sdk.createWithdrawal({
-      withdrawalParams: {
-        assetId: ctx.sourceToken.assetId,
-        amount: BigInt(ctx.sourceTokenAmount),
-        destinationAddress: getDestinationAddress(
-          ctx,
-          isDirectNearTokenWithdrawal || isDirectNonNearWithdrawal,
-        ),
-        destinationMemo: undefined,
-        feeInclusive: false,
-        routeConfig,
-      },
-    });
+    const withdrawalParams = {
+      assetId: ctx.sourceToken.assetId,
+      amount: BigInt(ctx.sourceTokenAmount),
+      destinationAddress: getDestinationAddress(
+        ctx,
+        isDirectNearTokenWithdrawal || isDirectNonNearWithdrawal,
+      ),
+      destinationMemo: undefined,
+      feeInclusive: false,
+      routeConfig,
+    };
+
+    onPending('WAITING_CONFIRMATION');
 
     try {
-      await withdrawal.estimateFee();
+      const feeEstimation = await sdk.estimateWithdrawalFee({
+        withdrawalParams,
+      });
 
-      onPending('WAITING_CONFIRMATION');
-      const txIntent = await withdrawal.signAndSendIntent();
+      const { intentHash } = await sdk.signAndSendWithdrawalIntent({
+        withdrawalParams,
+        feeEstimation,
+      });
 
       onPending('PROCESSING');
-      const tx = await withdrawal.waitForIntentSettlement();
+      const intentTx = await sdk.waitForIntentSettlement({ intentHash });
 
-      await withdrawal.waitForWithdrawalCompletion();
+      const completionResult = await sdk.waitForWithdrawalCompletion({
+        withdrawalParams,
+        intentTx,
+      });
 
       return {
-        hash: tx.hash,
-        transactionLink: getTransactionLink(CHAIN_IDS_MAP.near, tx.hash),
-        intent: txIntent,
+        intent: intentTx.hash,
+        // no hash means completion not trackable for this bridge
+        hash: completionResult.hash ?? '',
+        transactionLink: completionResult.hash
+          ? getTransactionLink(
+              CHAIN_IDS_MAP[ctx.targetToken.blockchain],
+              completionResult.hash,
+            )
+          : '',
       };
     } catch (e: unknown) {
       logger.error('[TRANSFER ERROR]', e);
@@ -313,7 +327,7 @@ export const useMakeIntentsTransfer = ({ providers }: IntentsTransferArgs) => {
         });
       }
 
-      if (e instanceof Error) {
+      if (isErrorLikeObject(e)) {
         if (e.message.includes('Fee is not estimated')) {
           throw new TransferError({
             code: 'FEES_NOT_ESTIMATED',
@@ -321,10 +335,7 @@ export const useMakeIntentsTransfer = ({ providers }: IntentsTransferArgs) => {
         }
 
         // User rejected
-        if (
-          isUserDeniedSigning(e.message) ||
-          isUserDeniedSigning(`${e.cause}`)
-        ) {
+        if (isUserDeniedSigning(e)) {
           return undefined;
         }
       }

package/src/hooks/useMakeNEARFtTransferCall.ts

@@ -5,6 +5,8 @@ import { getNearNep141StorageBalance } from '../utils/near/getNearNep141StorageB
 import { getNearNep141MinStorageBalance } from '../utils/near/getNearNep141MinStorageBalance';
 import { logger } from '@/logger';
 import { TransferError } from '@/errors';
+import { isErrorLikeObject } from '@/utils/isErrorLikeObject';
+import { isUserDeniedSigning } from '@/utils/checkers/isUserDeniedSigning';
 import { useComputedSnapshot, useUnsafeSnapshot } from '@/machine/snap';
 import { NATIVE_NEAR_DUMB_ASSET_ID, WNEAR_ASSET_ID } from '@/constants/tokens';
 import type { TransferResult } from '@/types/transfer';
@@ -139,6 +141,10 @@ export function useMakeNEARFtTransferCall(
           code: 'NO_DEPOSIT_RESULT',
         });
       } catch (err: unknown) {
+        if (isErrorLikeObject(err) && isUserDeniedSigning(err)) {
+          return;
+        }
+
         logger.error('[TRANSFER ERROR]', err);
         throw new TransferError({
           code: 'DIRECT_TRANSFER_ERROR',
@@ -214,6 +220,10 @@ export function useMakeNEARFtTransferCall(
         code: 'NO_DEPOSIT_RESULT',
       });
     } catch (err: unknown) {
+      if (isErrorLikeObject(err) && isUserDeniedSigning(err)) {
+        return;
+      }
+
       logger.error('[TRANSFER ERROR]', err);
       throw new TransferError({
         code: 'DIRECT_TRANSFER_ERROR',

package/src/hooks/useMakeQuoteTransfer.ts

@@ -12,6 +12,7 @@ import { logger } from '@/logger';
 import { TransferError } from '@/errors';
 import { useUnsafeSnapshot } from '@/machine/snap';
 import { NATIVE_NEAR_DUMB_ASSET_ID } from '@/constants/tokens';
+import { isErrorLikeObject } from '@/utils/isErrorLikeObject';
 import { isUserDeniedSigning } from '@/utils/checkers/isUserDeniedSigning';
 import type { MakeTransferArgs, TransferResult } from '@/types/transfer';
 
@@ -139,7 +140,7 @@ export const useMakeQuoteTransfer = ({
       let errorMessage = 'Failed to make a transfer. Please try again.';
 
       const userCancelledTx =
-        error instanceof Error && isUserDeniedSigning(error.message);
+        isErrorLikeObject(error) && isUserDeniedSigning(error);
 
       if (userCancelledTx) {
         return;

package/src/utils/checkers/isUserDeniedSigning.ts

@@ -1,3 +1,5 @@
+import type { ErrorLikeObject } from '../isErrorLikeObject';
+
 const errorVariations = [
   'user denied',
   'user closed',
@@ -6,8 +8,14 @@ const errorVariations = [
   'user declined',
 ];
 
-export const isUserDeniedSigning = (errorMessage: string) => {
-  return errorVariations.some((variation) =>
-    errorMessage.toLowerCase().includes(variation),
+export const isUserDeniedSigning = (error: ErrorLikeObject) => {
+  return (
+    errorVariations.some((variation) =>
+      error.message.toLowerCase().includes(variation),
+    ) ||
+    ('cause' in error &&
+      errorVariations.some((variation) =>
+        `${error.cause}`.toLowerCase().includes(variation),
+      ))
   );
 };

package/src/utils/index.ts

@@ -21,3 +21,4 @@ export { formatAddressTruncate } from './formatters/formatAddressTruncate';
 export { cn } from './cn';
 export { noop } from './noop';
 export { notReachable } from './notReachable';
+export { isErrorLikeObject } from './isErrorLikeObject';