@funkit/connect 5.5.11 → 5.5.13-next.0

package/dist/modals/CheckoutModal/ConfirmationStep/KatanaBridgeAlert.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function KatanaBridgeAlert(): React.JSX.Element;

package/dist/modals/CheckoutModal/InputAmount/useAmountInput.d.ts

@@ -1,7 +1,8 @@
+import type { FunInputChangeEvent } from '~/components/FunInput/FunInput';
 import { type AmountInputDerivedState, type AmountInputInitOptions } from './state';
 import { type InputAmountSuggestion } from './utils';
 interface UseAmountInputResult extends AmountInputDerivedState {
-    onChange(event: React.ChangeEvent<HTMLInputElement>): void;
+    onChange(event: FunInputChangeEvent): void;
     placeholder: string;
     setFiatAmount(usdAmount: number): AmountInputDerivedState;
     /** Possible user action to recover from the current error */

package/dist/modals/CheckoutModal/InputAmount/useAssetPrice.d.ts

@@ -1,9 +1,21 @@
+import { type Erc20AssetInfo } from '@funkit/api-base';
 import type { Address } from 'viem';
-export declare function useAssetPrice({ chainId, assetTokenAddress, }: {
-    chainId: string | undefined;
-    assetTokenAddress: Address | undefined;
-}): {
+type AssetPriceResult = {
     error: Error | null;
     isLoading: boolean;
     unitPrice: number | undefined;
 };
+export declare function useAssetAddressPrice({ chainId, assetTokenAddress, refetchInterval, }: {
+    chainId: string | undefined;
+    assetTokenAddress: Address | undefined;
+    refetchInterval?: number;
+}): AssetPriceResult;
+type AssetSymbolPriceParams = {
+    chainId: string | undefined;
+    symbol: string | undefined;
+    refetchInterval?: number;
+};
+export declare const useAssetSymbolPrice: ({ chainId, symbol, refetchInterval, }: AssetSymbolPriceParams) => AssetPriceResult & {
+    asset?: Erc20AssetInfo | null;
+};
+export {};

package/dist/modals/CheckoutModal/SelectAsset.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
+import type { TransferTokenDefault } from '~/hooks/useTokenChain';
 import { type PaymentMethodAccountInfo, type PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
-import type { TransferTokenDefault } from './TransferToken/TransferToken';
 import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from './stepTransition';
 export type SelectAssetState = CheckoutModalCommonState & {
     paymentMethodInfo: PaymentMethodBrokerageInfo | PaymentMethodAccountInfo;

package/dist/modals/CheckoutModal/TransferToken/TransferToken.d.ts

@@ -1,9 +1,6 @@
 import React from 'react';
+import { type TransferTokenDefault } from '~/hooks/useTokenChain';
 import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
-export type TransferTokenDefault = {
-    token: string;
-    chainId: number;
-};
 export type TransferTokenState = CheckoutModalCommonState & {
     transferToken?: TransferTokenDefault;
 };

package/dist/modals/WithdrwalModal/WithdrawalModal.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { FunkitWithdrawalConfig } from '~/providers/FunkitCheckoutContext';
+export declare const WITHDRAWAL_MODAL_CONTENT_ID = "withdrawal-modal-content";
+export interface WithdrawalModalProps {
+    open: boolean;
+    onClose: () => void;
+    config: FunkitWithdrawalConfig;
+}
+export declare enum WithdrawalModalStep {
+    ENTER_AMOUNT = "ENTER_AMOUNT",
+    SUCCESS = "SUCCESS"
+}
+export declare function WithdrawalModal({ onClose, open, config, }: WithdrawalModalProps): React.JSX.Element;

package/dist/providers/FunkitCheckoutContext.d.ts

@@ -3,6 +3,7 @@ import type { ApiCheckoutClientMetadata, ApiFunkitCheckoutActionParams, ApiFunki
 import React, { type ReactNode } from 'react';
 import type { Address } from 'viem';
 import type { AssetHoldingsItem } from '~/utils/assets';
+import type { WithdrawalClient } from '~/wallets/Wallet';
 import { type PaymentMethodInfo } from '../domains/paymentMethods';
 import { type FunkitCheckoutQuoteResult } from './FunkitHistoryContext';
 export type FunkitCheckoutActionParams = ApiFunkitCheckoutActionParams;
@@ -46,6 +47,25 @@ export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'gen
     /** minimal toAmount needed to proceed checkout. Checked after quote */
     targetAssetMinAmount?: number;
 }
+export interface FunkitWithdrawalConfig {
+    /** Title to show in the checkout modal. Defaults to "Checkout" **/
+    modalTitle?: string;
+    /** Additional information to show in the title of the checkout modal. Blank by default **/
+    modalTitleMeta?: string;
+    /** Icon to show in the checkout modal (50px x 50px). If not specified, no icon will be shown. **/
+    iconSrc?: null | string;
+    sourceTokenSymbol: string;
+    /** source chain id to withdraw **/
+    sourceChainId: string;
+    /** source token id to withdraw **/
+    sourceTokenAddress: Address;
+    /** amount of source token. it is not baseUnit **/
+    sourceTokenBalance: number;
+    /** whether to show connected as preferred withdrawal destination*/
+    showConnectedWalletAsPreferredRecipient?: boolean;
+    /** Wallet instance used to execute the quote */
+    wallet: WithdrawalClient;
+}
 export interface FunkitCheckoutValidationResult {
     isValid: boolean;
     message: string;
@@ -69,11 +89,11 @@ export interface UseFunkitCheckoutProps {
     onValidation?: (result: FunkitCheckoutValidationResult) => void;
     /** @optional fires when a checkout quote is received **/
     onEstimation?: (result: FunkitCheckoutQuoteResult) => void;
-    /** @optional fires when a checkout if confirmed with the funkit server. Returns the newly created checkoutId. **/
+    /** @optional fires when a checkout is confirmed with the funkit server. Returns the newly created checkoutId. **/
     onConfirmation?: (checkoutId: string) => void;
     /** @optional fires if the checkout fails at any point **/
     onError?: (result: FunkitCheckoutResult) => void;
-    /** @optional fires if the checkout fails at any point **/
+    /** @optional fires after the checkout steps are completed **/
     onSuccess?: (result: FunkitCheckoutResult) => void;
     /**
      * @optional
@@ -84,6 +104,10 @@ export interface UseFunkitCheckoutProps {
     onLoginRequired?: ({ onLoginFinished, }: {
         onLoginFinished?: () => void;
     }) => void;
+    /** @optional fires when a withdrawal is confirmed with the funkit server. Returns the newly created withdrawalId. **/
+    onWithdrawalConfirmation?: (withdrawalId: string) => void;
+    /** @optional fires if the withdrawal fails at any point **/
+    onWithdrawalError?: (result: FunkitCheckoutResult) => void;
 }
 /** Ensures that config is defined */
 export interface UseFunkitCheckoutPropsWithFullConfig extends UseFunkitCheckoutProps {
@@ -109,6 +133,12 @@ export interface FunkitActiveCheckoutItem extends Omit<ApiCheckoutClientMetadata
     /** Time of completion of the active checkout item. For frontend use only. **/
     completedTimestampMs: number | null;
 }
+export interface FunkitActiveWithdrawalItem {
+    /** Unique identifier for frontend use only. */
+    id: string;
+    /** Final settings the withdrawal was init-ed with **/
+    initSettings: Partial<UseFunkitCheckoutPropsWithFullConfig>;
+}
 interface FunkitCheckoutContextInterface {
     checkoutItem: FunkitActiveCheckoutItem | null;
     initNewCheckout(initSettings: UseFunkitCheckoutPropsWithFullConfig): string;
@@ -128,6 +158,8 @@ interface FunkitCheckoutContextInterface {
     /** @deprecated to be removed after quote migration is finished (historically named setCheckoutQuote) */
     setCheckout: (checkout: FunkitActiveCheckoutItem) => void;
     setCompletedTimestamp(timestampMs: number): void;
+    withdrawalItem: FunkitActiveWithdrawalItem | null;
+    initNewWithdrawal(initSettings: Partial<UseFunkitCheckoutPropsWithFullConfig>): string;
 }
 export declare function FunkitCheckoutProvider({ children }: {
     children: ReactNode;
@@ -140,10 +172,12 @@ export declare function useFunkitCheckout(props: UseFunkitCheckoutPropsWithFullC
     beginCheckout: (config?: Partial<FunkitCheckoutConfig>) => Promise<{
         isActivated: boolean;
     }>;
+    beginWithdrawal: (config: FunkitWithdrawalConfig) => void;
 };
 export declare function useFunkitCheckout(props: UseFunkitCheckoutProps): {
     beginCheckout: (config: FunkitCheckoutConfig) => Promise<{
         isActivated: boolean;
     }>;
+    beginWithdrawal: (config: FunkitWithdrawalConfig) => void;
 };
 export {};

package/dist/providers/ModalContext.d.ts

@@ -1,5 +1,6 @@
 import React, { type ReactNode } from 'react';
 import type { SelectedHomeTab } from '../modals/ProfileDetails/FunProfileViews/Home';
+import type { FunkitWithdrawalConfig } from './FunkitCheckoutContext';
 interface ModalProviderProps {
     children: ReactNode;
 }
@@ -29,4 +30,9 @@ export declare function useFunCheckoutModal(): {
     funCheckoutModalOpen: boolean;
     openFunCheckoutModal: ((checkoutId: string) => void) | undefined;
 };
+export declare function useWithdrawalModal(): {
+    openWithdrawalModal: ((config: FunkitWithdrawalConfig & {
+        withdrawalId: string;
+    }) => void) | undefined;
+};
 export {};

package/dist/wallets/Wallet.d.ts

@@ -1,5 +1,6 @@
 import type { Connector, CreateConnectorFn } from 'wagmi';
 import type { WalletConnectParameters } from 'wagmi/connectors';
+import type { TransactionReceipt } from 'viem';
 import type { CoinbaseWalletOptions } from './walletConnectors/coinbaseWallet/coinbaseWallet';
 import type { WalletConnectWalletOptions } from './walletConnectors/walletConnectWallet/walletConnectWallet';
 export type InstructionStepName = 'install' | 'create' | 'scan' | 'connect' | 'refresh';
@@ -97,4 +98,16 @@ export type WagmiConnectorInstance = Connector & {
     fkcDetails?: FunkitConnectDetails;
 };
 export type WalletInstance = Connector & FunkitConnectDetails;
+export type WithdrawalTransaction = {
+    to: string;
+    data: string;
+    value: string;
+};
+export interface WithdrawalClient {
+    getChainId: () => Promise<number>;
+    switchChain: (chainId: number) => Promise<void>;
+    sendTransaction: (chainId: number, transaction: WithdrawalTransaction) => Promise<string>;
+    confirmTransaction: (txHash: string, chainId: number) => Promise<TransactionReceipt>;
+    address: () => string;
+}
 export {};

package/dist/wallets/walletConnectors/index.js

@@ -1,22 +1,16 @@
 "use client";
-import {
-  xdefiWallet
-} from "./chunk-NO7XMBB5.js";
 import {
   zealWallet
 } from "./chunk-JROWU5BP.js";
+import {
+  walletConnectWallet
+} from "./chunk-NP5QGWNL.js";
 import {
   zerionWallet
 } from "./chunk-AXWP3GD4.js";
 import {
   subWallet
 } from "./chunk-AD2KIJB6.js";
-import {
-  tahoWallet
-} from "./chunk-6P2EMPZI.js";
-import {
-  talismanWallet
-} from "./chunk-ABFSXBE6.js";
 import {
   tokenPocketWallet
 } from "./chunk-IDKVN5CF.js";
@@ -24,20 +18,23 @@ import {
   tokenaryWallet
 } from "./chunk-SLOIIJGP.js";
 import {
-  uniswapWallet
-} from "./chunk-LH7BMNFZ.js";
+  tahoWallet
+} from "./chunk-6P2EMPZI.js";
+import {
+  talismanWallet
+} from "./chunk-ABFSXBE6.js";
 import {
   trustWallet
 } from "./chunk-ISIBREBO.js";
 import {
-  walletConnectWallet
-} from "./chunk-NP5QGWNL.js";
+  uniswapWallet
+} from "./chunk-LH7BMNFZ.js";
 import {
-  rabbyWallet
-} from "./chunk-BVX4XGNP.js";
+  xdefiWallet
+} from "./chunk-NO7XMBB5.js";
 import {
-  ramperWallet
-} from "./chunk-PIUNLQJG.js";
+  oneKeyWallet
+} from "./chunk-4AD7VI2P.js";
 import {
   rainbowWallet
 } from "./chunk-2UCNRD7H.js";
@@ -47,6 +44,9 @@ import {
 import {
   roninWallet
 } from "./chunk-63YLN6R5.js";
+import {
+  ramperWallet
+} from "./chunk-PIUNLQJG.js";
 import {
   safeWallet
 } from "./chunk-BQQQL6UD.js";
@@ -56,18 +56,15 @@ import {
 import {
   safepalWallet
 } from "./chunk-MSFKSQBY.js";
-import {
-  kresusWallet
-} from "./chunk-MJXPRJZT.js";
 import {
   metaMaskWallet
 } from "./chunk-G73C6P5P.js";
+import {
+  ledgerWallet
+} from "./chunk-BRBKM4PW.js";
 import {
   mewWallet
 } from "./chunk-V57WLZEE.js";
-import {
-  oktoWallet
-} from "./chunk-ADIXAKUL.js";
 import {
   okxWallet
 } from "./chunk-4WEHDI4Y.js";
@@ -75,23 +72,26 @@ import {
   omniWallet
 } from "./chunk-7CUY5G6R.js";
 import {
-  oneKeyWallet
-} from "./chunk-4AD7VI2P.js";
+  oktoWallet
+} from "./chunk-ADIXAKUL.js";
 import {
   oneInchWallet
 } from "./chunk-OESTDX6I.js";
 import {
-  foxWallet
-} from "./chunk-LMZMXEXL.js";
+  rabbyWallet
+} from "./chunk-BVX4XGNP.js";
 import {
-  frameWallet
-} from "./chunk-ZMYVTWDF.js";
+  enkryptWallet
+} from "./chunk-SJTXS4ZW.js";
 import {
   frontierWallet
 } from "./chunk-3S2U24BJ.js";
 import {
   gateWallet
 } from "./chunk-GSOYKKIS.js";
+import {
+  frameWallet
+} from "./chunk-ZMYVTWDF.js";
 import {
   imTokenWallet
 } from "./chunk-COZ7MIQS.js";
@@ -99,54 +99,54 @@ import {
   injectedWallet
 } from "./chunk-VCVVV2K7.js";
 import {
-  ledgerWallet
-} from "./chunk-BRBKM4PW.js";
-import {
-  clvWallet
-} from "./chunk-KR6JBW5E.js";
+  kresusWallet
+} from "./chunk-MJXPRJZT.js";
 import {
-  bitgetWallet
-} from "./chunk-A5APNTGL.js";
+  bybitWallet
+} from "./chunk-6ONTSPEY.js";
 import {
   coin98Wallet
 } from "./chunk-DTRYS3MO.js";
 import {
   coreWallet
 } from "./chunk-HBA36GW3.js";
+import {
+  clvWallet
+} from "./chunk-KR6JBW5E.js";
 import {
   coinbaseWallet
 } from "./chunk-H4IRCEZN.js";
+import {
+  desigWallet
+} from "./chunk-CTU6JCOK.js";
 import {
   dawnWallet
 } from "./chunk-LN7OD5EC.js";
 import {
-  enkryptWallet
-} from "./chunk-SJTXS4ZW.js";
+  foxWallet
+} from "./chunk-LMZMXEXL.js";
 import {
-  desigWallet
-} from "./chunk-CTU6JCOK.js";
+  bifrostWallet
+} from "./chunk-W6N74MS3.js";
 import {
   argentWallet
 } from "./chunk-WSQ2YJO2.js";
+import {
+  bitgetWallet
+} from "./chunk-A5APNTGL.js";
 import {
   bitskiWallet
 } from "./chunk-P74YPRF6.js";
-import {
-  bifrostWallet
-} from "./chunk-W6N74MS3.js";
 import {
   bitverseWallet
 } from "./chunk-3HZRRP4Y.js";
 import {
   bloomWallet
 } from "./chunk-S27IADFU.js";
+import "./chunk-23WIEY36.js";
 import {
   braveWallet
 } from "./chunk-PB254NQ4.js";
-import {
-  bybitWallet
-} from "./chunk-6ONTSPEY.js";
-import "./chunk-23WIEY36.js";
 import "./chunk-WRA2DVJ7.js";
 export {
   argentWallet,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "5.5.11",
+  "version": "5.5.13-next.0",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -88,12 +88,12 @@
     "ua-parser-js": "^1.0.37",
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.1",
-    "@funkit/api-base": "1.9.4",
-    "@funkit/chains": "0.3.1",
-    "@funkit/utils": "1.1.3",
-    "@funkit/wagmi-tools": "3.0.48",
-    "@funkit/core": "2.3.26",
-    "@funkit/fun-relay": "0.1.8"
+    "@funkit/api-base": "1.9.5-next.0",
+    "@funkit/chains": "0.3.2-next.0",
+    "@funkit/core": "2.3.27-next.0",
+    "@funkit/wagmi-tools": "3.0.49-next.0",
+    "@funkit/fun-relay": "0.1.9-next.0",
+    "@funkit/utils": "1.1.4-next.0"
   },
   "repository": {
     "type": "git",