@funkit/connect 5.5.13-next.3 → 5.5.14

package/CHANGELOG.md

@@ -1,5 +1,81 @@
 # @funkit/connect
 
+## 5.5.14
+
+### Patch Changes
+
+- 0f27d4f: fix(connect): select chain dropdown width and position
+- 7232b85: chore(connect): deprecate vertex related code
+- 3ecab67: fix fee display
+- e4b274b: add icons to withdrawal
+- a650b5d: feat: add hyperevm chain
+- 3c3ea82: support exact input for withdrawal
+- 072a1c6: fix: fix fallback values for checkout time estimates
+- 08b7da3: chore: deprecate zoraTestnet
+- c3ea232: feat(connect): update Deposit with cash disclaimer
+- Updated dependencies [7232b85]
+- Updated dependencies [a650b5d]
+- Updated dependencies [afb6a57]
+- Updated dependencies [48d11b9]
+- Updated dependencies [08b7da3]
+  - @funkit/api-base@1.9.6
+  - @funkit/chains@0.3.3
+  - @funkit/core@2.3.28
+  - @funkit/utils@1.1.5
+  - @funkit/wagmi-tools@3.0.50
+
+## 5.5.13
+
+### Patch Changes
+
+- e88a3d2: feat(connect): adjust auto-picking of provider quotes for Meld
+- b0f4092: feat: direct execution notification center
+- 76158e3: feat(connect): show empty UI when withdrawal amount is empty
+- 0bf9fe3: feat(connect): update colors of tooltip texts for Withdrawal
+- 17e47e1: move withdrawSourceBalance to top level config
+- df1b830: chore: deprecate dydx fee handling
+- 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
+- d1133df: support withdrawal
+- 7752acf: remove unused hacky code
+- cdf268c: refactor: rename fill gas to fill cost
+- 9ce2ee3: chore(connect): add meld util tests
+- a98ccb6: fix: add Katana to CheckoutTimeEstimateOverrides flag config
+- 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
+- b88a759: fix(connect): fix transaction breakdown
+- 19260d7: add meld supported currency in check
+- 7c584f2: do not use alias in external typing file
+- e3bba71: feat(connect): transfer crypto - minimum amount info"
+- Updated dependencies [f49824b]
+- Updated dependencies [d1133df]
+- Updated dependencies [57f6bd8]
+- Updated dependencies [b223027]
+- Updated dependencies [d4d61dc]
+- Updated dependencies [19260d7]
+  - @funkit/fun-relay@0.1.9
+  - @funkit/api-base@1.9.5
+  - @funkit/chains@0.3.2
+  - @funkit/core@2.3.27
+  - @funkit/utils@1.1.4
+  - @funkit/wagmi-tools@3.0.49
+
+## 5.5.13-next.4
+
+### Patch Changes
+
+- a98ccb6: fix: add Katana to CheckoutTimeEstimateOverrides flag config
+- b88a759: fix(connect): fix transaction breakdown
+- Updated dependencies [d4d61dc]
+  - @funkit/fun-relay@0.1.9-next.2
+  - @funkit/core@2.3.27-next.3
+  - @funkit/wagmi-tools@3.0.49-next.3
+
 ## 5.5.13-next.3
 
 ### Patch Changes

package/dist/components/CopyAddress/CopyInputDisplayedAddress.css.d.ts

@@ -1,2 +1,13 @@
 export declare const copyButtonWrapper: string;
 export declare const copyButton: string;
+export declare const copyButtonIcon: string;
+export declare const copyButtonIconBase: string;
+export declare const copyButtonIconActive: string;
+export declare const copyInputTextBox: string;
+export declare const copyInputTextBoxActive: string;
+export declare const copyInputText: string;
+export declare const copyInputTextWrapper: string;
+export declare const copyInputTextDefault: string;
+export declare const copyInputTextActive: string;
+export declare const textOut: string;
+export declare const textIn: string;

package/dist/components/CopyAddress/CopyInputDisplayedAddress.d.ts

@@ -3,6 +3,5 @@ interface CopyInputDisplayedAddressProps {
     address: string;
     truncateAddress?: boolean;
 }
-/** Element displaying the provided address along with a copy button below */
 export declare function CopyInputDisplayedAddress({ address, truncateAddress, }: CopyInputDisplayedAddressProps): React.JSX.Element;
 export {};

package/dist/components/FunCheckoutHistory/FunCheckoutHistoryContent.d.ts

@@ -5,7 +5,9 @@ interface FunCheckoutHistoryContentProps {
     currentPage: HistoryContentPages;
     onHelp: () => void;
     onBackFromHelpPage: () => void;
-    onClose: () => void;
+    onClose: (opt?: {
+        isNewDeposit?: boolean;
+    }) => void;
     onAnimationComplete?: (callback: () => void) => void;
     /** Element ID to be used to mount the CTA action bar */
     bottomBarId: string;

package/dist/components/Icons/CheckIcon.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-export declare const CheckIcon: ({ size }: {
+export declare const CheckIcon: ({ size, className, }: {
     size?: number;
+    className?: string;
 }) => React.JSX.Element;

package/dist/consts/customers.d.ts

@@ -1,6 +1,5 @@
 export declare function isDydxCustomer(apiKey: string): apiKey is "NJq0CGrsE19xBbP1vHyBOp8xJvzYo9kayJHqDFP5";
 export declare function isPolymarketCustomer(apiKey: string): apiKey is "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6";
-export declare function isVertexCustomer(apiKey: string): apiKey is "OQXhzzkLHE2vHAK8nZBS76el5utuw3527RmnYn26";
 export declare function isOstiumCustomer(apiKey: string): apiKey is "SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN";
 export declare function isBankrCustomer(apiKey: string): apiKey is "vWe20Dfyui2ouvfOhtSTY3Czeo8lFdbo5xXQBALZ";
 export declare function isBsxCustomer(apiKey: string): apiKey is "zN1zrkmLQn4oZtLUW9Qt02uuBI3Jvrgj8Ni40Gf1";

package/dist/domains/asset.d.ts

@@ -8,7 +8,6 @@ export declare function isNativeTokenAddress(address: Address): boolean;
 export declare function isDefaultToken(asset: AssetHoldingsItem, checkoutConfig: FunkitCheckoutConfig): boolean;
 export declare const isPolygonEcosystemToken: (chainId: string, tokenAddress: string) => boolean;
 interface AssetUsableToPayParms {
-    apiKey: string;
     config: FunkitCheckoutConfig;
     payerAddress: string;
     paymentMethod: PaymentMethod;
@@ -20,9 +19,9 @@ interface AssetUsableToPayParms {
     loginType: LoginType;
     isAllowedForCheckout: boolean;
 }
-export declare const isAssetUsableToPayForCheckout: ({ apiKey, config, payerAddress, paymentMethod, targetChainId, targetTokenAddress, assetChainId, assetTokenAddress, assetUsdAmount, loginType, isAllowedForCheckout, }: AssetUsableToPayParms) => {
+export declare const isAssetUsableToPayForCheckout: ({ config, payerAddress, paymentMethod, targetChainId, targetTokenAddress, assetChainId, assetTokenAddress, assetUsdAmount, loginType, isAllowedForCheckout, }: AssetUsableToPayParms) => {
     isUsable: boolean;
     reason: string;
 };
-export declare function getUsdAvailableAmount(targetChainId: string, assetChainId: string | undefined, assetUsdAmount: number | null | undefined, paymentMethod: PaymentMethod | undefined, isDirectExecution: boolean): number | null;
+export declare function getUsdAvailableAmount(targetChainId: string, assetChainId: string | undefined, assetUsdAmount: number | null | undefined, paymentMethod: PaymentMethod | undefined): number | null;
 export {};

package/dist/domains/clientMetadata.d.ts

@@ -31,11 +31,17 @@ export interface HistoricalCheckoutItem {
     };
     selectedSourceAssetInfo: FunkitActiveCheckoutItem['selectedSourceAssetInfo'];
     selectedPaymentMethodInfo: FunkitActiveCheckoutItem['selectedPaymentMethodInfo'];
+    isWithdrawal?: boolean;
 }
 /**
  * Sanitizes checkoutItem to generate a clientMetadata object to be saved in backend.
  * Ensures that no react components get sent to backend and the object isn't too big as well.
  */
-export declare function generateClientMetadataForBackend(checkoutItem: FunkitActiveCheckoutItem, quote: FunkitCheckoutQuoteResult, actionsParams?: FunkitCheckoutActionParams[]): ApiCheckoutClientMetadata;
+export declare function generateClientMetadataForBackend({ checkoutItem, latestQuote, actionsParams, isWithdrawal, }: {
+    checkoutItem: FunkitActiveCheckoutItem;
+    latestQuote: FunkitCheckoutQuoteResult;
+    actionsParams?: FunkitCheckoutActionParams[];
+    isWithdrawal?: boolean;
+}): ApiCheckoutClientMetadata;
 export declare function generateClientMetadataForTokenTransfer(): HistoricalCheckoutItem;
 export declare function toApiSelectedPaymentMethodInfo(paymentMethodInfo: PaymentMethodInfo): ApiSelectedPaymentMethodInfo;

package/dist/domains/fees.d.ts

@@ -1,7 +1,6 @@
 import { type CheckoutQuoteResponse } from '@funkit/utils';
 import type { Config } from 'wagmi';
 import { LoginType } from '~/providers/GeneralWalletProvider';
-import type { RelayQuote } from '@funkit/fun-relay';
 import type { FunkitActiveCheckoutItem } from '../providers/FunkitCheckoutContext';
 import { PaymentMethod, type PaymentMethodInfo } from './paymentMethods';
 export interface BrokerageDetails {
@@ -28,7 +27,6 @@ interface WalletCheckoutFees extends BaseCheckoutFees {
     eoaWalletFeeToken: number;
     nativeCurrencySymbol: string;
     eoaWalletFeeUsd: number;
-    relayQuote: RelayQuote['metadata']['relayQuote'] | undefined;
 }
 interface CardCheckoutFees extends BaseCheckoutFees {
     paymentMethod: PaymentMethod.CARD;

package/dist/domains/quote.d.ts

@@ -10,7 +10,7 @@ export interface FunkitCheckoutQuoteResult extends Omit<ApiFunkitCheckoutQuoteRe
     finalSpreadUsd: string;
     finalFeesBreakdown: CheckoutFees;
 }
-export declare function getCheckoutBaseQuote(checkoutItem: FunkitActiveCheckoutItem, userId: string, walletAddress: Address, apiKey: string, sponsorInitialTransferGasLimit: number, wagmiConfig: Config, directExecutionInfo: FunkitDirectExecutionInfo, senderAddress?: Address): Promise<CheckoutQuoteResponse>;
+export declare function getCheckoutBaseQuote(checkoutItem: FunkitActiveCheckoutItem, userId: string, walletAddress: Address, apiKey: string, sponsorInitialTransferGasLimit: number, wagmiConfig: Config, directExecutionInfo: FunkitDirectExecutionInfo, senderAddress?: Address, isWithdrawal?: boolean): Promise<CheckoutQuoteResponse>;
 export declare function getQuoteFinalEstimation(baseQuote: CheckoutQuoteResponse, checkoutItem: FunkitActiveCheckoutItem, newPaymentMethodInfo: PaymentMethodInfo, wagmiConfig: Config, apiKey: string, loginType: LoginType, enableFrogProxyServer?: boolean): Promise<{
     finalEstimation: FunkitCheckoutQuoteResult;
     brokerage?: BrokerageDetails;
@@ -37,8 +37,9 @@ export interface CheckoutQuoteParams {
      *  this happens when withdrawing from a different wallet
      **/
     senderAddress?: Address;
+    isWithdrawal?: boolean;
 }
-export declare function getQuoteAndEstimation({ checkoutItem, userId, walletAddress, apiKey, sponsorInitialTransferGasLimit, newPaymentMethodInfo, wagmiConfig, loginType, enableFrogProxyServer, directExecutionInfo, senderAddress, }: CheckoutQuoteParams): Promise<{
+export declare function getQuoteAndEstimation({ checkoutItem, userId, walletAddress, apiKey, sponsorInitialTransferGasLimit, newPaymentMethodInfo, wagmiConfig, loginType, enableFrogProxyServer, directExecutionInfo, senderAddress, isWithdrawal, }: CheckoutQuoteParams): Promise<{
     baseQuote: CheckoutQuoteResponse;
     checkedAssetAmount: CheckedAssetAmount;
     finalEstimation: FunkitCheckoutQuoteResult;

package/dist/domains/relay.d.ts

@@ -2,11 +2,15 @@ import type { RelayQuote } from '@funkit/fun-relay';
 export declare const KATANA_BRIDGE_ALERT_THRESHOLD_PERCENT = 0.5;
 export declare function extractRelayFeeInfo(relayQuote: RelayQuote['metadata']['relayQuote']): {
     gasUsd: number;
+    fillCostUsd: number;
+    fillCostPercent: number;
     chainName: string | undefined;
+    totalImpactUsd: number;
     totalImpact: number;
     swapImpact: number;
-    relayGas: number;
+    swapImpactUsd: number;
     appFeePercent: number;
+    appFeeUsd: number;
     maxSlippage: number;
     minReceived: number;
 };

package/dist/domains/wallet.d.ts

@@ -25,5 +25,5 @@ type RecommendedAsset = {
     chainSymbolKey: string;
     label: string | null;
 };
-export declare const getRecommendedAsset: (apiKey: string, checkoutItem: FunkitActiveCheckoutItem, accountHoldings: KnownAssetHoldingsItem[]) => RecommendedAsset | null;
+export declare const getRecommendedAsset: (checkoutItem: FunkitActiveCheckoutItem, accountHoldings: KnownAssetHoldingsItem[]) => RecommendedAsset | null;
 export {};

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

@@ -1,18 +1,17 @@
 import { type Address } from 'viem';
 import type { WithdrawalClient } from '~/wallets/Wallet';
 interface CheckoutQuoteParams {
-    recipientAddress: Address;
+    recipientAddress: string;
     sourceAmount: number;
     chainId: string;
     symbol: string;
     targetAsset: Address | undefined;
-    targetAssetAmount: number | undefined;
     withdrawalClient: WithdrawalClient;
 }
 /**
  * Simplified quoting logic used for withdrawal UI only.
  */
-export declare function useWithdrawalQuote({ recipientAddress, sourceAmount, chainId, symbol, targetAsset, targetAssetAmount, withdrawalClient, }: CheckoutQuoteParams): {
+export declare function useWithdrawalQuote({ recipientAddress, sourceAmount, chainId, symbol, targetAsset, withdrawalClient, }: CheckoutQuoteParams): {
     quoteEnabled: boolean;
     data: {
         baseQuote: import("@funkit/utils").CheckoutQuoteResponse;

package/dist/hooks/useCheckoutDirectExecution.d.ts

@@ -1,25 +1,36 @@
 import { DirectExecutionType } from '@funkit/api-base';
-import { type CheckoutQuoteResponse } from '@funkit/utils';
+import type { CheckoutQuoteResponse } from '@funkit/utils';
 import type { Address, Hex } from 'viem';
-import { PaymentMethod } from '~/domains/paymentMethods';
 import type { FunkitCheckoutQuoteResult } from '~/domains/quote';
-import type { FunkitActiveCheckoutItem, FunkitCheckoutActionParams, FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
-interface DirectExecutionQuoteRequestParams {
+import type { FunkitActiveCheckoutItem, FunkitCheckoutActionParams } from '~/providers/FunkitCheckoutContext';
+import type { WithdrawalClient } from '~/wallets/Wallet';
+interface DirectExecutionQuoteRequestParamsBase {
     actionParams: FunkitCheckoutActionParams[];
     toChainId: string;
     toTokenAddress: Address;
-    toTokenAmount: number;
-    toTokenDecimals: number;
     fromChainId: string;
     fromTokenAddress: Address;
     recipientAddress: Address;
     senderAddress?: Address;
+    isExactIn?: boolean;
+}
+interface RegularDEQuoteRequest extends DirectExecutionQuoteRequestParamsBase {
+    toTokenAmount: number;
+    toTokenDecimals: number;
+    isExactIn?: false;
+}
+interface WithdrawalDEQuoteRequest extends DirectExecutionQuoteRequestParamsBase {
+    fromTokenAmount: number;
+    isExactIn: true;
+    fromTokenDecimals: number;
 }
+type DirectExecutionQuoteRequestParams = RegularDEQuoteRequest | WithdrawalDEQuoteRequest;
 interface DirectExecutionStartParams {
     checkoutItem: FunkitActiveCheckoutItem;
     stepMessageSetter: (m: string) => void;
     actionsParams: FunkitCheckoutActionParams[];
     latestQuote: FunkitCheckoutQuoteResult;
+    withdrawalClient?: WithdrawalClient;
 }
 export interface FunkitDirectExecutionInfo {
     isDirectExecution: boolean;
@@ -31,14 +42,5 @@ interface UseCheckoutDirectExecutionReturn {
     getDirectExecutionInfo: (checkoutItem: FunkitActiveCheckoutItem | null) => FunkitDirectExecutionInfo;
     getWithdrawalDirectExecution: () => FunkitDirectExecutionInfo;
 }
-export declare function isVertexDirectExecution({ apiKey, config, paymentMethod, sourceAsset, sourceChain, targetAsset, targetChain, }: {
-    apiKey: string;
-    config: FunkitCheckoutConfig;
-    paymentMethod: PaymentMethod | undefined;
-    sourceAsset: string;
-    sourceChain: string;
-    targetAsset?: string;
-    targetChain?: string;
-}): boolean;
 export declare function useCheckoutDirectExecution(): UseCheckoutDirectExecutionReturn;
 export {};

package/dist/hooks/useCheckoutTimeEstimate.d.ts

@@ -2,6 +2,9 @@ import { PaymentMethod } from '~/domains/paymentMethods';
 /**
  * https://linear.app/funxyz/issue/ENG-1154/update-dydx-and-polymarkets-time-estimate
  * https://linear.app/funxyz/issue/PE-775/sdkconnectwith-next-pm-requests
+ * @param originalTimeEstimationMs time estimation in milliseconds
+ * @param paymentMethod payment method
+ * @param bypassFlag whether to ignore flag value and return the original time estimation fallback even if flag is defined
  * @returns time estimation in seconds
  */
 export declare function useCheckoutTimeEstimate(originalTimeEstimationMs: number | undefined, paymentMethod?: PaymentMethod, //TODO: questionable

package/dist/hooks/useCheckoutTransferInit.d.ts

@@ -1,8 +1,10 @@
-import { type CheckoutInitTokenTransferResponse, type FunAddress } from '@funkit/api-base';
+import { type CheckoutInitTokenTransferAddressParams, type CheckoutInitTokenTransferResponse, type FunAddress } from '@funkit/api-base';
 interface UseCheckoutTransferInitResponse {
     transferInit: CheckoutInitTokenTransferResponse | undefined;
     recipientAddr: FunAddress;
+    manualFetch: (params: CheckoutTokenTransferParams) => Promise<CheckoutInitTokenTransferResponse>;
 }
+type CheckoutTokenTransferParams = Omit<CheckoutInitTokenTransferAddressParams, 'logger' | 'clientMetadata'>;
 /**
  * creates QR code transfer EOA
  */

package/dist/hooks/useRelayBypass.d.ts

@@ -9,6 +9,7 @@ interface GetIsRelayEnabledParams {
     toChainId: string;
     toTokenAddress: string;
     paymentMethod: PaymentMethod | undefined;
+    isAdditionalActionsRequired: boolean;
 }
 export interface UseRelayBypassReturn {
     getIsRelayEnabled: (params: GetIsRelayEnabledParams) => boolean;