@funkit/connect 5.5.13-next.0 → 5.5.13-next.2

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @funkit/connect
 
+## 5.5.13-next.2
+
+### Patch Changes
+
+- 17e47e1: move withdrawSourceBalance to top level config
+- df1b830: chore: deprecate dydx fee handling
+- 9ce2ee3: chore(connect): add meld util tests
+
+## 5.5.13-next.1
+
+### Patch Changes
+
+- e88a3d2: feat(connect): adjust auto-picking of provider quotes for Meld
+- 0bf9fe3: feat(connect): update colors of tooltip texts for Withdrawal
+- bd7721e: feat(connect): withdrawal handle wallet signature rejection
+- 3d7fc1d: fix bridge fee in ui
+- 85809cb: feat(connect): add risk assessment check for withdrawal address
+- 5217122: feat: omit eoa calls in withdrawal flow
+- cdf268c: refactor: rename fill gas to fill cost
+- 3c8d98d: feat(connect): if the user is new, default to the Payment Methods screen, hide the SourcePaymentMethodItem, and enable the back button
+- b095215: feat(connect): unify rendering of fees for withdrawal with relay
+- 66b28fe: fix: update asset price refresh interval in withdrawal
+- 6db3c9c: add loading state to withdrawal in progress
+- e389c2b: wider price impact tooltip
+- e3bba71: feat(connect): transfer crypto - minimum amount info"
+- Updated dependencies [f49824b]
+- Updated dependencies [57f6bd8]
+- Updated dependencies [b223027]
+  - @funkit/fun-relay@0.1.9-next.1
+  - @funkit/api-base@1.9.5-next.1
+  - @funkit/core@2.3.27-next.1
+  - @funkit/wagmi-tools@3.0.49-next.1
+
 ## 5.5.13-next.0
 
 ### Patch Changes

package/dist/components/AnimatedDollarValue/AnimatedDollarValue.d.ts

@@ -2,6 +2,7 @@ import { type NumberFlowProps, type NumberFlowElement } from '@number-flow/react
 import React from 'react';
 type AnimatedDollarValueProps = Omit<NumberFlowProps, 'format'> & {
     ref?: React.Ref<NumberFlowElement>;
+    dynamicMinFractionDigits?: boolean;
 };
 export declare const AnimatedDollarValue: React.ForwardRefExoticComponent<Omit<AnimatedDollarValueProps, "ref"> & React.RefAttributes<NumberFlowElement>>;
 export {};

package/dist/components/Dropdown/ChainDropdown.d.ts

@@ -15,10 +15,12 @@ interface ChainDropdownProps {
     allowUnselect?: boolean;
     activeItemProps?: BaseDropdownProps['activeItemProps'];
     openDropdownBackgroundColor?: BaseDropdownProps['openDropdownBackgroundColor'];
+    openDropdownFullWidth?: BaseDropdownProps['openDropdownFullWidth'];
     size?: BaseActiveDropdownItemProps['size'];
     isLoading?: BaseDropdownProps['isLoading'];
     alwaysOpenToTop?: BaseDropdownProps['alwaysOpenToTop'];
     maxDropdownHeight?: BaseDropdownProps['maxDropdownHeight'];
+    tagComponent?: (value: string) => React.ReactNode;
 }
-export declare const ChainDropdown: ({ assets, chainIds: chains, selectedChainId: propSelectedChainId, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, isLoading, alwaysOpenToTop, maxDropdownHeight, }: ChainDropdownProps) => React.JSX.Element;
+export declare const ChainDropdown: ({ assets, chainIds: chains, selectedChainId: propSelectedChainId, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, openDropdownFullWidth, isLoading, alwaysOpenToTop, maxDropdownHeight, tagComponent, }: ChainDropdownProps) => React.JSX.Element;
 export {};

package/dist/components/Dropdown/TokenAndChainDropdown.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type ReactNode } from 'react';
 import type { TokenTransferSourceChainsAndAssets } from '~/modals/CheckoutModal/TransferToken/TransferToken';
 import type { BaseDropdownProps } from './BaseDropdown';
 interface TokenAndChainDropdownProps {
@@ -16,10 +16,13 @@ interface TokenAndChainDropdownProps {
     onChainSelected: (chainId?: number, autoUpdate?: boolean) => void;
     tokenLabel?: string;
     chainLabel?: string;
+    chainLabelAddon?: ReactNode;
     alwaysOpenToTop?: boolean;
     maxTokenDropdownHeight?: BaseDropdownProps['maxDropdownHeight'];
     maxChainDropdownHeight?: BaseDropdownProps['maxDropdownHeight'];
+    openChainDropdownFullWidth?: BaseDropdownProps['openDropdownFullWidth'];
+    chainTagComponent?: (value: string) => ReactNode;
 }
 /** Combines together chain and token dropdowns */
-export declare const TokenAndChainDropdown: ({ isLoading, selectedToken, selectedChainId, assets, onTokenSelected, onChainSelected, tokenLabel, chainLabel, alwaysOpenToTop, maxTokenDropdownHeight, maxChainDropdownHeight, }: TokenAndChainDropdownProps) => React.JSX.Element;
+export declare const TokenAndChainDropdown: ({ isLoading, selectedToken, selectedChainId, assets, onTokenSelected, onChainSelected, tokenLabel, chainLabel, chainLabelAddon, alwaysOpenToTop, maxTokenDropdownHeight, maxChainDropdownHeight, openChainDropdownFullWidth, chainTagComponent, }: TokenAndChainDropdownProps) => React.JSX.Element;
 export {};

package/dist/components/FunTransactionSummary/PaymentFeesSummary.d.ts

@@ -6,7 +6,6 @@ interface PaymentFeesSummaryProps {
     quote: FunkitCheckoutQuoteResult | null | undefined;
     /** If set and quote is missing, display fees based on this data  */
     fallbackFees?: CheckoutFees;
-    showWithdrawalBreakdown?: boolean;
 }
-export declare function PaymentFeesSummary({ isLoading, quote, fallbackFees, showWithdrawalBreakdown, }: PaymentFeesSummaryProps): React.JSX.Element;
+export declare function PaymentFeesSummary({ isLoading, quote, fallbackFees, }: PaymentFeesSummaryProps): React.JSX.Element;
 export {};

package/dist/components/TransferTokenDetails/TransferTokenDetails.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
 import type { FeeValue } from '~/hooks/useTokenTransfer';
 interface TransferTokenDetailsProps {
-    minAmount?: number;
     disabled?: boolean;
     estPriceImpact: FeeValue | undefined;
     maxSlippage: FeeValue | undefined;
 }
-export declare const TransferTokenDetails: ({ minAmount, disabled, estPriceImpact, maxSlippage, }: TransferTokenDetailsProps) => React.JSX.Element;
+export declare const TransferTokenDetails: ({ disabled, estPriceImpact, maxSlippage, }: TransferTokenDetailsProps) => React.JSX.Element;
 export {};

package/dist/components/Withdraw/WithdrawContent.d.ts

@@ -1,7 +1,8 @@
 import { type CheckoutQuoteResponse } from '@funkit/utils';
 import React from 'react';
+import { type Hex } from 'viem';
 import type { Address } from 'viem';
-import type { FunkitWithdrawalConfig } from '~/providers/FunkitCheckoutContext';
+import type { FunkitActiveWithdrawalItem, FunkitWithdrawalConfig } from '~/providers/FunkitCheckoutContext';
 export type WithdrawalFormData = {
     destinationAddress: Address;
     amount: string;
@@ -10,8 +11,9 @@ export type WithdrawalFormData = {
     quote: CheckoutQuoteResponse;
 };
 interface WithdrawContentProps {
-    onContinue: (withdrawal: WithdrawalFormData) => void;
+    onContinue: (withdrawal: WithdrawalFormData, txHash: Hex) => void;
     config: FunkitWithdrawalConfig;
+    withdrawalItem: FunkitActiveWithdrawalItem | null;
 }
-export declare const WithdrawContent: ({ onContinue, config, }: WithdrawContentProps) => React.JSX.Element;
+export declare const WithdrawContent: ({ onContinue, config, withdrawalItem, }: WithdrawContentProps) => React.JSX.Element;
 export {};

package/dist/domains/meld.d.ts

@@ -0,0 +1,19 @@
+import { type MeldQuote } from '@funkit/api-base';
+/**
+ * Auto-pick the best quote for the user.
+ * 1. Pick the quote with the highest customerScore, at least >= 30
+ * 2. If no quote has customerScore >= 30, pick either Coinbase or Binance
+ *    2a. If both are available, pick the one with the highest destinationAmount
+ *    2b. If only one is available, pick it
+ * 3. If no quote has customerScore >= 30 and no Coinbase or Binance is available, pick the quote with the highest destinationAmount
+ * @param quotes - the quotes to pick from
+ * @returns the best quote based on the criteria
+ */
+export declare function autoPickBestQuote(quotes: MeldQuote[]): MeldQuote | undefined;
+/**
+ * Check if the quote is the best price quote.
+ * @param sourceQuotes - the quotes to check
+ * @param targetQuote - the quote to check
+ * @returns true if the quote is the best price quote, false otherwise
+ */
+export declare function isBestPriceQuote(sourceQuotes: MeldQuote[] | undefined, targetQuote: MeldQuote | undefined): boolean;

package/dist/hooks/queries/useWithdrawalRisk.d.ts

@@ -0,0 +1 @@
+export declare const useWithdrawalRisk: (apiKey: string, receiveAddress: string) => import("@tanstack/react-query").UseQueryResult<boolean, Error>;

package/dist/hooks/useCheckoutDirectExecutionHistory.d.ts

@@ -1,5 +1,6 @@
 import { CheckoutRefundState, CheckoutState, type DirectExecution, RelayExecutionStatus } from '@funkit/api-base';
 export declare function mapRelayExecutionStatusToCheckoutState(status: RelayExecutionStatus): CheckoutState;
+export declare function mapRelayExecutionStatusToRefundState(status: RelayExecutionStatus): CheckoutRefundState | undefined;
 export declare function useCheckoutDirectExecutionHistory({ initDirectExecution, }: {
     initDirectExecution?: DirectExecution;
 }): {

package/dist/hooks/useCheckoutTransferInit.d.ts

@@ -1,8 +1,10 @@
 import { type CheckoutInitTokenTransferResponse, type FunAddress } from '@funkit/api-base';
-import type { FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
 interface UseCheckoutTransferInitResponse {
     transferInit: CheckoutInitTokenTransferResponse | undefined;
     recipientAddr: FunAddress;
 }
-export declare const useCheckoutTransferInit: (checkoutConfig: FunkitCheckoutConfig | undefined) => UseCheckoutTransferInitResponse;
+/**
+ * creates QR code transfer EOA
+ */
+export declare const useCheckoutTransferInit: () => UseCheckoutTransferInitResponse;
 export {};

package/dist/hooks/useTokenChain.d.ts

@@ -1,3 +1,4 @@
+import type { CheckoutInitTokenTransferResponse } from '@funkit/api-base';
 import type { TokenTransferSourceChainsAndAssets } from '~/modals/CheckoutModal/TransferToken/TransferToken';
 export type TransferTokenDefault = {
     token: string;
@@ -13,6 +14,7 @@ interface UseTokenChainResult {
 /**
  * Semi reusable hook (tied into token transfer configuration)
  * ensures token&chain dropdown preselection logic is reusable
+ * @param transferInit - used for chain&token solana filtering, can be omitted if not needed
  */
-export declare const useTokenAndChainSelection: (defaultValues?: TransferTokenDefault) => UseTokenChainResult;
+export declare const useTokenAndChainSelection: (transferInit: CheckoutInitTokenTransferResponse | undefined, defaultValues?: TransferTokenDefault) => UseTokenChainResult;
 export {};

package/dist/hooks/useTokenTransfer.d.ts

@@ -10,9 +10,12 @@ interface UseTokenTransferResult {
     /** the final destination of the money */
     recipientAddr: string;
     minTransferUsd: number;
+    minTransferUsdPerChain: {
+        [chainId: string]: number;
+    };
     showOriginalRecipient: boolean;
     estPriceImpact: FeeValue | undefined;
     maxSlippage: FeeValue | undefined;
 }
-export declare const useTokenTransfer: (selectedChainId: number, selectedToken: string) => UseTokenTransferResult;
+export declare const useTokenTransfer: (selectedChainId: number, selectedToken: string, chainIds?: number[]) => UseTokenTransferResult;
 export {};

package/dist/hooks/useWithdrawal.d.ts

@@ -0,0 +1,15 @@
+import type { Hex } from 'viem';
+import type { WithdrawalFormData } from '~/components/Withdraw/WithdrawContent';
+import type { FunkitActiveWithdrawalItem } from '~/providers/FunkitCheckoutContext';
+import type { WithdrawalClient } from '~/wallets/Wallet';
+interface UseWithdrawalResult {
+    handleWithdrawal: (withdrawal: WithdrawalFormData) => Promise<void>;
+    isWithdrawing: boolean;
+}
+export declare function useWithdrawal({ withdrawalWallet, withdrawalItem, onSuccess, onError, }: {
+    withdrawalWallet: WithdrawalClient;
+    withdrawalItem: FunkitActiveWithdrawalItem | null;
+    onSuccess: (withdrawal: WithdrawalFormData, txHash: Hex) => void;
+    onError: (error: Error) => void;
+}): UseWithdrawalResult;
+export {};