@funkit/connect 9.17.0 → 9.18.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @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

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/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/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';