@funkit/connect 9.16.0 → 9.18.0

package/CHANGELOG.md

@@ -1,5 +1,55 @@
 # @funkit/connect
 
+## 9.18.0
+
+### Minor Changes
+
+- 8baaa78: Pass the active `dynamicRoutingId` to dynamic `modalTitle` resolvers. The `modalTitle` callback now receives a `ModalTitleContext` (`TokenInfo` + optional `dynamicRoutingId`) instead of just `TokenInfo`, so integrators can key the checkout title by route/action — not only the target token address. This is required when two routes share a target token (e.g. Lighter USDC perps vs spot, which both deposit mainnet USDC for new users). The change is backwards compatible: existing `(asset: TokenInfo) => string` resolvers remain assignable. The `ModalTitleContext` type is now exported from the package root so integrators can annotate their resolver.
+
+### Patch Changes
+
+- deefef3: Aave native supply USDT zero-reset now reads allowance via the public client (not the wallet client) and waits for the `approve(0)` receipt before the SDK's `approve(amount)`, avoiding nonce collisions on `latest`-based RPCs.
+- c5c0183: Translate Aave native-supply wallet errors into human-readable messages
+- 98b196e: fix(connect): make the post-checkout "Add to wallet" chip readable in dark mode by deriving its background from the `modalBackground` theme token via `color-mix()` (with an opaque fallback) instead of a hardcoded translucent white.
+- 0f4c245: fix: adjust lightning qrcode scannability
+- 30a626e: Freeze the amount input while an Aave native-supply transaction is confirming
+- e42f6b0: feat: add min limit for btc lightning path on input screen
+- b10dd58: test(connect): test useMinDeposit
+- dd1c42b: chore: sort named import members via oxlint sort-imports
+- 453c797: test(connect): test WithdrawAmountInput
+- Updated dependencies [8baaa78]
+  - @funkit/fun-relay@2.8.0
+
+## 9.17.0
+
+### Minor Changes
+
+- d7f8e35: Aave native supply honors the approval-method toggle: `supplyWithPermit` when the user picks "Signed message" and the reserve supports EIP-2612, else `approve + supply` (with USDT zero-reset on stale allowance). The toggle is hidden for native assets that can't permit (USDT, WBTC).
+- 4c7b8b5: Add isWithdrawal and Lighter fast/secure withdrawal type to purified checkout history items
+
+### Patch Changes
+
+- 20ed7f5: Record the real supply amount, USD value, and deposit timestamp on Aave native Direct Execution records (was `$0` total and a negative run time in fits).
+- 20ed7f5: Persist the supplied amount on Aave native Direct Execution records so the checkout success screen's "You receive" shows the real amount instead of 0.
+- 3e6c69d: test(connect): test SelectAsset component
+- 0fc5f37: feat: integrate lightning quote prefetch
+- 62c6bab: test(connect): test useCheckoutTimeEstimate
+- dc5f538: test(connect): test useBluvo
+- e9ae127: test(connect): test stepTransition
+- cd5b590: test(connect): test usePostCheckout
+- 59b02dd: test(connect): test useAccountBalancePostCheckout
+- a4d5a9b: Reformat packages with oxfmt
+- aa9f1ee: test(connect): test useAvailableBalanceForCheckout
+- 769bae0: test(connect): stabilize useBluvo with getTokenDecimals mock
+- 3e588fc: test(connect): test useSourceAssetConfirm
+- 7076a2a: test(connect): test useCheckoutQuote
+- 7690c31: test(connect): test useTokenTransfer
+- Updated dependencies [20ed7f5]
+- Updated dependencies [a4d5a9b]
+  - @funkit/api-base@4.4.1
+  - @funkit/utils@3.0.2
+  - @funkit/fun-relay@2.7.4
+
 ## 9.16.0
 
 ### Minor Changes

package/dist/__generated__/default_configs.d.ts

@@ -120,6 +120,31 @@ declare const _default: {
                     readonly path: "RL_TRANSFER";
                 };
             }];
+        }, {
+            readonly routeId: "LIGHTER_USDC_SPOT";
+            readonly rules: readonly [{
+                readonly when: {
+                    readonly chainId: "1";
+                    readonly tokenAddress: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48";
+                };
+                readonly use: {
+                    readonly path: "FUN_MAINNET_DEPOSIT";
+                    readonly badge: "NATIVE";
+                };
+            }, {
+                readonly when: {
+                    readonly chainId: "1";
+                    readonly tokenAddress: "*";
+                };
+                readonly use: {
+                    readonly path: "FUN_MAINNET_DEPOSIT";
+                };
+            }, {
+                readonly when: "*";
+                readonly use: {
+                    readonly path: "RL_TRANSFER";
+                };
+            }];
         }, {
             readonly routeId: "LIGHTER_USDC_PERPS_NEW_USER";
             readonly rules: readonly [{
@@ -137,6 +162,23 @@ declare const _default: {
                     readonly path: "FUN_MAINNET_DEPOSIT";
                 };
             }];
+        }, {
+            readonly routeId: "LIGHTER_USDC_SPOT_NEW_USER";
+            readonly rules: readonly [{
+                readonly when: {
+                    readonly chainId: "1";
+                    readonly tokenAddress: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48";
+                };
+                readonly use: {
+                    readonly path: "FUN_MAINNET_DEPOSIT";
+                    readonly badge: "NATIVE";
+                };
+            }, {
+                readonly when: "*";
+                readonly use: {
+                    readonly path: "FUN_MAINNET_DEPOSIT";
+                };
+            }];
         }, {
             readonly routeId: "LIGHTER_ETH_SPOT_NEW_USER";
             readonly rules: readonly [{

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

@@ -1,4 +1,4 @@
-import { type NumberFlowProps, type NumberFlowElement } from '@number-flow/react';
+import { type NumberFlowElement, type NumberFlowProps } from '@number-flow/react';
 import React from 'react';
 type AnimatedDollarValueProps = Omit<NumberFlowProps, 'format'> & {
     ref?: React.Ref<NumberFlowElement>;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 /** Simple button to copy the provided address */
-export declare function CopyAddressButton({ address, }: {
+export declare function CopyAddressButton({ address }: {
     address: string;
 }): React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 /** Use this button only in the old design components, for the future we should use `CopyAddressButton` which has a new design */
-export declare function OldCopyAddressButton({ address, }: {
+export declare function OldCopyAddressButton({ address }: {
     address: string;
 }): React.JSX.Element;

package/dist/components/FunInfoBanner/ChainInfoBanners.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 /**
  * Renders only banners for currently selected chain
  */
-export declare const ChainInfoBanners: ({ chainId, }: {
+export declare const ChainInfoBanners: ({ chainId }: {
     chainId: number;
 }) => (React.JSX.Element | null)[] | null;

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

@@ -1,4 +1,4 @@
-import React, { type SVGAttributes, type RefObject } from 'react';
+import React, { type RefObject, type SVGAttributes } from 'react';
 export declare function CompletedStatusIcon(props: StatusIconProps): React.JSX.Element;
 export declare function FailedStatusIcon(props: StatusIconProps): React.JSX.Element;
 export declare function DelayedStatusIcon(props: StatusIconProps): React.JSX.Element;

package/dist/domains/checkoutErrors.d.ts

@@ -0,0 +1,22 @@
+import type { TFunction } from 'i18next';
+import type { ErrorNotification } from '../components/FunNotification/FunNotification';
+import type { Config, Connector } from '../wagmi/hooks';
+export interface CheckoutConfirmationError extends ErrorNotification {
+    durationMs?: number;
+    code: ConfirmationErrorCode;
+}
+export declare enum ConfirmationErrorCode {
+    QUOTE_EXPIRED = "QUOTE_EXPIRED",
+    GENERIC_ERROR = "GENERIC_ERROR",
+    WITHDRAWAL_RATE_LIMIT_EXCEEDED = "WITHDRAWAL_RATE_LIMIT_EXCEEDED",
+    RISK_ERROR = "RISK_ERROR",
+    SIGNATURE_DENIED = "SIGNATURE_DENIED",
+    SWITCH_CHAIN_ERROR = "SWITCH_CHAIN_ERROR",
+    WALLET_CLIENT_UNDEFINED = "WALLET_CLIENT_UNDEFINED",
+    INSUFFICIENT_GAS = "INSUFFICIENT_GAS",
+    POLYGON_RPC_ERROR = "POLYGON_RPC_ERROR"
+}
+export declare function toCheckoutConfirmationError(t: TFunction, error: unknown, wagmiConfig: Config, options?: {
+    fromChainId?: string;
+    connector?: Connector;
+}): Promise<CheckoutConfirmationError>;

package/dist/domains/dynamicRouting.d.ts

@@ -0,0 +1,24 @@
+import type { DynamicRoutePath } from '@funkit/fun-relay';
+import type { FunkitCheckoutConfig } from '../providers/FunkitCheckoutContext';
+/**
+ * The path shape accepted by {@link mergeDynamicRoutingIntoConfig} /
+ * `applyDynamicRouting`. It is a {@link DynamicRoutePath} with the
+ * already-bound callbacks (`customRecipient`, `generateActionsParams`) and
+ * optional routing context layered on top.
+ */
+export type ApplyDynamicRoutingPath = Omit<DynamicRoutePath, 'getCustomRecipient' | 'generateActionsParams'> & {
+    customRecipient?: FunkitCheckoutConfig['customRecipient'];
+    generateActionsParams?: FunkitCheckoutConfig['generateActionsParams'];
+    bridgeOverride?: FunkitCheckoutConfig['bridgeOverride'];
+    dynamicRoutingId?: FunkitCheckoutConfig['dynamicRoutingId'];
+};
+/**
+ * Merge a resolved dynamic-routing path into a checkout config.
+ *
+ * The `dynamicRoutingId` is kept in lockstep with the target it selects: when
+ * the path carries one it wins, otherwise the config's existing id is
+ * preserved. This is what guarantees that anything keyed off
+ * `dynamicRoutingId` (e.g. the modal title) can't drift away from the active
+ * route when the target asset/chain is rebound.
+ */
+export declare function mergeDynamicRoutingIntoConfig(config: FunkitCheckoutConfig, path: ApplyDynamicRoutingPath): FunkitCheckoutConfig;

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

@@ -1,11 +1,21 @@
-import type { Address } from 'viem';
+import { type LightningQuoteResponse } from '@funkit/api-base';
+import { type Address } from 'viem';
 import type { GeneralWalletContextProps } from '../../providers/GeneralWalletProvider';
+export declare function usdToSats(usd: number | undefined, btcPrice: number | undefined): bigint | undefined;
 type UseLightningQuoteParams = {
     depositAddr: Address | undefined;
     walletAddress: GeneralWalletContextProps['walletAddress'];
     targetChain: string | undefined;
     targetAsset: Address | undefined;
-    fromAmountSats: bigint | undefined;
+    fiatAmount: number | undefined;
 };
-export declare const useLightningQuote: ({ depositAddr, walletAddress, targetChain, targetAsset, fromAmountSats, }: UseLightningQuoteParams) => import("@tanstack/react-query").UseQueryResult<import("@funkit/api-base").LightningQuoteResponse, Error>;
+/**
+ * Holds the displayed invoice until its real `expiresAtMs`, then reveals the
+ * prefetched replacement. `useLightningQuote` prefetches the next invoice early,
+ * so revealing it on arrival would reset the QR/timer while the current invoice
+ * is still valid.
+ *
+ */
+export declare function useDeferredQuote(latestQuote: LightningQuoteResponse | undefined): LightningQuoteResponse | undefined;
+export declare const useLightningQuote: ({ depositAddr, walletAddress, targetChain, targetAsset, fiatAmount, }: UseLightningQuoteParams) => import("@tanstack/react-query").UseQueryResult<LightningQuoteResponse, Error>;
 export {};

package/dist/hooks/useAssetPrice.d.ts

@@ -1,9 +1,15 @@
-import { type Erc20AssetInfo } from '@funkit/api-base';
+import { type Erc20AssetInfo, type GetAssetPriceInfoResponse } from '@funkit/api-base';
 import type { Address } from 'viem';
+export declare function getAssetPriceInfoWithFallback({ apiKey, chainId, assetTokenAddress, }: {
+    apiKey: string;
+    chainId: string;
+    assetTokenAddress: Address;
+}): Promise<GetAssetPriceInfoResponse>;
 interface UseAssetAddressPriceParams {
     chainId: string | undefined;
     assetTokenAddress: Address | undefined;
-    refetchInterval?: number;
+    /** Pass `false` to fetch once and disable interval polling. */
+    refetchInterval?: number | false;
     /** defaults to 1 hence price returned is unit price */
     amount?: number;
     /** Asset symbol — when provided and the symbol is a stablecoin, price is hardcoded to 1 */
@@ -21,7 +27,7 @@ export declare function useAssetAddressPrice({ chainId, assetTokenAddress, amoun
 type AssetSymbolPriceParams = {
     chainId: string | undefined;
     symbol: string | undefined;
-    refetchInterval?: number;
+    refetchInterval?: number | false;
     /** Disable the query without changing other inputs. Defaults to true. */
     enabled?: boolean;
 };

package/dist/index.css

@@ -15346,12 +15346,14 @@
   border-top-width: 0;
 }
 
-/* vanilla-extract-css-ns:src/components/FunCheckoutHistory/AddTokenToWalletButton.css.ts.vanilla.css?source=Ll8xc3R1dWtyMCB7CiAgYmFja2dyb3VuZDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjcpOwp9Ci5fMXN0dXVrcjA6aG92ZXIgewogIGJhY2tncm91bmQ6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45KTsKfQ== */
+/* vanilla-extract-css-ns:src/components/FunCheckoutHistory/AddTokenToWalletButton.css.ts.vanilla.css?source=Ll8xc3R1dWtyMCB7CiAgYmFja2dyb3VuZDogdmFyKC0tcmstY29sb3JzLW1vZGFsQmFja2dyb3VuZCk7CiAgYmFja2dyb3VuZDogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLXJrLWNvbG9ycy1tb2RhbEJhY2tncm91bmQpIDcwJSwgdHJhbnNwYXJlbnQpOwp9Ci5fMXN0dXVrcjA6aG92ZXIgewogIGJhY2tncm91bmQ6IHZhcigtLXJrLWNvbG9ycy1tb2RhbEJhY2tncm91bmQpOwogIGJhY2tncm91bmQ6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1yay1jb2xvcnMtbW9kYWxCYWNrZ3JvdW5kKSA5MCUsIHRyYW5zcGFyZW50KTsKfQ== */
 [data-rk] ._1stuukr0 {
-  background: rgba(255, 255, 255, 0.7);
+  background: var(--rk-colors-modalBackground);
+  background: color-mix(in srgb, var(--rk-colors-modalBackground) 70%, transparent);
 }
 [data-rk] ._1stuukr0:hover {
-  background: rgba(255, 255, 255, 0.9);
+  background: var(--rk-colors-modalBackground);
+  background: color-mix(in srgb, var(--rk-colors-modalBackground) 90%, transparent);
 }
 
 /* vanilla-extract-css-ns:src/components/FunCheckoutHistory/FunCheckoutHistoryTransaction.css.ts.vanilla.css?source=Lm14dmF0aTAgewogIGN1cnNvcjogcG9pbnRlcjsKfQoubXh2YXRpMDpmb2N1cy12aXNpYmxlIHsKICBvdXRsaW5lOiAxcHggc29saWQ7CiAgb3V0bGluZS1jb2xvcjogdmFyKC0tcmstY29sb3JzLXRlcnRpYXJ5VGV4dCk7Cn0= */

package/dist/index.d.ts

@@ -20,7 +20,7 @@ export { createAuthenticationAdapter, FunkitConnectAuthenticationProvider, } fro
 export type { AuthenticationAdapter, FunkitConnectAuthenticationProviderProps, } from './providers/AuthenticationContext';
 export type { AvatarComponent } from './providers/AvatarContext';
 export type { CheckoutBlockedReason } from './modals/CheckoutModal/CheckoutBlockedReason';
-export type { FunkitCheckoutActionParams, FunkitCheckoutConfig, FunkitCheckoutOnCloseResult, FunkitWithdrawalConfig, WalletWithdrawalConfig, CustomWithdrawalConfig, MultiMethodWithdrawalConfig, WithdrawalMethodOption, WithdrawalParam, UseFunkitCheckoutPropsWithFullConfig, UseFunkitCheckoutProps, FunkitCheckoutValidationResult, FunkitCheckoutResult, DynamicTargetAssetCandidate, AddToWalletToken, TokenInfo, } from './providers/FunkitCheckoutContext';
+export type { FunkitCheckoutActionParams, FunkitCheckoutConfig, FunkitCheckoutOnCloseResult, FunkitWithdrawalConfig, WalletWithdrawalConfig, CustomWithdrawalConfig, MultiMethodWithdrawalConfig, WithdrawalMethodOption, WithdrawalParam, UseFunkitCheckoutPropsWithFullConfig, UseFunkitCheckoutProps, FunkitCheckoutValidationResult, FunkitCheckoutResult, DynamicTargetAssetCandidate, AddToWalletToken, TokenInfo, ModalTitleContext, } from './providers/FunkitCheckoutContext';
 export { useFunkitCheckout, FunCheckoutStartingStep, } from './providers/FunkitCheckoutContext';
 export type { FunkitCheckoutQuoteResult } from './domains/quote';
 export type { FunkitConfig, FunkitUiCustomizationsConfig, FunkitTextCustomizationsConfig, } from './providers/FunkitConfigContext';