@funkit/connect 9.4.1 → 9.5.0

package/dist/modals/CheckoutModal/Brokerage/SelectBrokerage.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BluvoExchangeType } from '../../../consts/bluvo';
+import type { BluvoExchangeType } from '../../../consts/bluvo';
 import { type PaymentMethodBrokerageInfo } from '../../../domains/paymentMethods';
 import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
 export type SelectBrokerageState = CheckoutModalCommonState;

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

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

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

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
 import type { PaymentMethodInfo } from '../../../domains/paymentMethods';
-import type { TransferTokenDefault } from '../../../hooks/useTokenChain';
+import type { TransferTokenDefault } from '../../../hooks/useTokenAndChainDropdown';
 interface SelectAssetInfoSectionProps {
     totalBalance: number;
     paymentMethodInfo: PaymentMethodInfo;

package/dist/modals/CheckoutModal/SourceChange/FormOfPaymentsListLoading.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const FormOfPaymentsListLoading: ({ className, count, enableSourceGroupLabels, }: {
+    className: string;
+    count?: number;
+    enableSourceGroupLabels: boolean;
+}) => React.JSX.Element;

package/dist/modals/CheckoutModal/SwappedIframe/SwappedErrorMessage.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type BoxProps } from '../../../components/Box/Box';
+export declare function SwappedErrorMessage({ minHeight, paddingBottom, }: {
+    minHeight: number;
+    paddingBottom?: BoxProps['paddingBottom'];
+}): React.JSX.Element;

package/dist/modals/CheckoutModal/SwappedIframe/SwappedIframeContainer.d.ts

@@ -7,9 +7,11 @@ export type SwappedIframeState = CheckoutModalCommonState & {
     selectedPaymentOption: SwappedFormOfPayment;
     /** Payment method type filter to restore when returning to SOURCE_CHANGE */
     paymentMethodTypeFilter?: PaymentMethodType;
+    /** Set to true when an error occurs (iframe error or load timeout) */
+    error?: boolean;
 };
 export type SwappedIframeNext = {
     success?: boolean;
 };
 export declare const SwappedIframeInfo: ModalStepInfo<FunCheckoutStep.SWAPPED_IFRAME>;
-export declare function SwappedIframeContainer({ modalState, onNext, onBack, onClose, }: ModalStepComponentProps<FunCheckoutStep.SWAPPED_IFRAME>): React.JSX.Element;
+export declare function SwappedIframeContainer({ modalState, onNext, onBack, onClose, setModalState, }: ModalStepComponentProps<FunCheckoutStep.SWAPPED_IFRAME>): React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type TransferTokenDefault } from '../../../hooks/useTokenChain';
+import { type TransferTokenDefault } from '../../../hooks/useTokenAndChainDropdown';
 import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
 export type TransferTokenState = CheckoutModalCommonState & {
     transferToken?: TransferTokenDefault;

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

@@ -58,7 +58,9 @@ export type ModalStepInfo<S extends FunCheckoutStep> = {
     /** Hides the close button in the Dialog Title element */
     hideClose?: (startingStep?: FunCheckoutStartingStep) => boolean;
     /** Hides the entire topbar including back button, close button, and title */
-    hideTopbar?: () => boolean;
+    hideTopbar?: (state: CheckoutModalState<S>) => boolean;
+    /** Hides the bottom section (portal target for bottom bar content) */
+    hideBottomSection?: (state: CheckoutModalState<S>) => boolean;
     onBack?(state: CheckoutModalState<S>, prevState: CheckoutModalState): CheckoutModalState;
     onNext(state: CheckoutModalState<S>, payload: NextPayload<S>): CheckoutModalState;
     showFullHeight?: boolean;
@@ -150,6 +152,7 @@ export declare function useTitleConfig<S extends FunCheckoutStep>(checkoutItem:
     disableBack: boolean;
     hideClose: boolean;
     hideTopbar: boolean;
+    hideBottomSection: boolean;
     showFullHeight: boolean;
     title: string;
 };

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

@@ -0,0 +1,8 @@
+import type { SwappedFormOfPayment } from '@funkit/api-base';
+import React from 'react';
+interface WithdrawalMethodSelectProps {
+    onCryptoSelect: () => void;
+    onCashFopSelect: (fop: SwappedFormOfPayment) => void;
+}
+export declare function WithdrawalMethodSelect({ onCryptoSelect, onCashFopSelect, }: WithdrawalMethodSelectProps): React.JSX.Element;
+export {};

package/dist/modals/{WithdrwalModal → WithdrawalModal}/types.d.ts

@@ -1,4 +1,5 @@
 export declare enum WithdrawalModalStep {
+    SELECT_METHOD = "SELECT_METHOD",
     ENTER_AMOUNT = "ENTER_AMOUNT",
     SUCCESS = "SUCCESS",
     PENDING_CALLBACK = "PENDING_CALLBACK"

package/dist/themes/baseTheme.js

@@ -2,7 +2,7 @@
 import {
   baseTheme,
   systemFontStack
-} from "../chunk-BSF2AKBC.js";
+} from "../chunk-O35RTEEF.js";
 export {
   baseTheme,
   systemFontStack

package/dist/themes/darkTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-IZC4ZKKQ.js";
-import "../chunk-BSF2AKBC.js";
+} from "../chunk-S65TG73G.js";
+import "../chunk-O35RTEEF.js";
 export {
   darkTheme
 };

package/dist/themes/lightTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-DBRUJYOQ.js";
-import "../chunk-BSF2AKBC.js";
+} from "../chunk-VLAOBEJN.js";
+import "../chunk-O35RTEEF.js";
 export {
   lightTheme
 };

package/dist/utils/bluvo.d.ts

@@ -52,6 +52,104 @@ export declare function getBluvoError<OriginalBluvoError extends {
  * @throws - {@link BluvoWithdrawalError} if the response is invalid or if the withdrawal fails
  *
  */
-export declare const normalizeWithdrawalResponse: (response: BluvoExecuteWithdrawalResponse) => unknown;
+export declare const normalizeWithdrawalResponse: (response: BluvoExecuteWithdrawalResponse) => {
+    [key: string]: unknown;
+    transactionId: string;
+} | {
+    [key: string]: unknown;
+    bizNo: string;
+    steps: Array<{
+        type: import("@bluvo/sdk-ts").TypeEnum3;
+        status: import("@bluvo/sdk-ts").StatusEnum4;
+        required: boolean;
+        metadata?: {
+            email?: string;
+            emailSent?: boolean;
+            qrCodeUrl?: string;
+            qrCodeValidSeconds?: number;
+            [key: string]: unknown | string | boolean | number | undefined;
+        };
+        [key: string]: unknown | import("@bluvo/sdk-ts").TypeEnum3 | import("@bluvo/sdk-ts").StatusEnum4 | boolean | {
+            email?: string;
+            emailSent?: boolean;
+            qrCodeUrl?: string;
+            qrCodeValidSeconds?: number;
+            [key: string]: unknown | string | boolean | number | undefined;
+        } | undefined;
+    }>;
+    relation: import("@bluvo/sdk-ts").RelationEnum;
+    mfa?: {
+        bizNo?: string;
+        verified: {
+            EMAIL?: boolean;
+            SMS?: boolean;
+            GOOGLE?: boolean;
+            FACE?: boolean;
+        };
+        attempts?: Array<{
+            method: import("@bluvo/sdk-ts").TypeEnum3;
+            status: import("@bluvo/sdk-ts").StatusEnum4;
+            createdAt: number;
+            validatedAt?: number;
+            expiresAt?: number;
+            success: boolean;
+        }>;
+        methods?: Array<{
+            method: "EMAIL";
+            email: string;
+        } | {
+            method: "SMS";
+            phoneNumber: string;
+        } | {
+            method: "GOOGLE";
+        } | {
+            method: "FACE";
+            viaMobile: boolean;
+        }>;
+    };
+} | {
+    [key: string]: unknown;
+    bizNo?: string;
+    steps?: Array<{
+        type: string;
+        status: import("@bluvo/sdk-ts").StatusEnum4;
+        error?: string;
+        [key: string]: unknown | string | import("@bluvo/sdk-ts").StatusEnum4 | undefined;
+    }>;
+    mfa?: {
+        bizNo?: string;
+        verified: {
+            EMAIL?: boolean;
+            SMS?: boolean;
+            GOOGLE?: boolean;
+            FACE?: boolean;
+        };
+        attempts?: Array<{
+            method: import("@bluvo/sdk-ts").TypeEnum3;
+            status: import("@bluvo/sdk-ts").StatusEnum4;
+            createdAt: number;
+            validatedAt?: number;
+            expiresAt?: number;
+            success: boolean;
+        }>;
+        methods?: Array<{
+            method: "EMAIL";
+            email: string;
+        } | {
+            method: "SMS";
+            phoneNumber: string;
+        } | {
+            method: "GOOGLE";
+        } | {
+            method: "FACE";
+            viaMobile: boolean;
+        }>;
+    };
+} | {
+    [key: string]: unknown;
+    valid2FAMethods: Array<string>;
+} | {
+    [key: string]: unknown;
+} | undefined;
 export declare const isBluvoWithdrawalError: (error: unknown) => error is BluvoWithdrawalError;
 export {};

package/dist/utils/swapped.d.ts

@@ -19,6 +19,7 @@ export interface SwappedTheme {
     baseFont?: string;
     secondaryFont?: string;
     topbarIconColor?: string;
+    topbarIconHoverColor?: string;
     headerIconWrapperSize?: string;
     headerIconSize?: string;
     topbarTextFontSize?: string;

package/dist/utils/tokenMath.d.ts

@@ -0,0 +1,38 @@
+import type { Dnum } from 'dnum';
+/**
+ * Multiply a token amount by a float price, returning the result
+ * as a Dnum in `resultDecimals` precision. Uses floor rounding so the
+ * displayed value never exceeds the real value.
+ *
+ * @example
+ * // 6.999920 USDC (6 dec) × $1.00 → Dnum representing $6.99 (2 dec, floored)
+ * mulByPriceRoundedDown(dnum.from(6.99992, 6), 1.0, 2) // → Dnum [699n, 2]
+ */
+export declare function mulByPriceRoundedDown(amount: Dnum, price: number, resultDecimals: number): Dnum;
+/**
+ * Convert a human-readable number to a Dnum.
+ * Uses truncation (not rounding) so the result never exceeds the input.
+ */
+export declare function toBaseUnits(amount: number, decimals: number): Dnum;
+/**
+ * Like `toBaseUnits` but rounds up instead of truncating.
+ * Use for minimum amounts where going below the input would be incorrect.
+ */
+export declare function toBaseUnitsCeil(amount: number, decimals: number): Dnum;
+/**
+ * Convert a Dnum to a human-readable number.
+ * **Use only at the display boundary** — the result is lossy.
+ */
+export declare function toDisplayNumber(amount: Dnum): number;
+/**
+ * Floor a number to the given decimal places.
+ * Replaces inlined `Math.floor(x * 100) / 100` patterns.
+ *
+ * @example floorToDecimals(6.999, 2) → 6.99
+ */
+export declare function floorToDecimals(value: number, decimals: number): number;
+/**
+ * Compare two token amounts. Returns true if a > b.
+ * Handles different decimal representations.
+ */
+export declare function tokenGreaterThan(a: Dnum, b: Dnum): boolean;

package/dist/utils/tokenTransfer/disabledList.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Keys are chainId strings. Values are arrays of token addresses,
+ * or ["*"] to disable the entire chain.
+ */
+export type DisabledChainsAndAssets = Record<string, string[]>;
+/** Returns true if an entire chain is disabled (has ["*"]). */
+export declare function isChainDisabled(disabledConfig: DisabledChainsAndAssets, chainId: number | string): boolean;
+/**
+ * Returns true if a specific chain + asset combination is disabled.
+ * - If the chain has ["*"], the entire chain (and all its assets) is disabled.
+ * - If the chain has specific addresses, only those tokens are disabled.
+ * - Address comparison is case-insensitive.
+ */
+export declare function isAssetDisabled(disabledConfig: DisabledChainsAndAssets, chainId: number | string, tokenAddress: string): boolean;

package/dist/utils/tokenTransfer/types.d.ts

@@ -0,0 +1,26 @@
+import type { GetSupportedAssetsResponse } from '@funkit/api-base';
+/** Raw asset entry from the Statsig tokentransferconfig */
+export interface TokenTransferAssetConfig {
+    address: string;
+}
+/** Raw chain entry from the Statsig tokentransferconfig */
+export interface TokenTransferChainConfig {
+    readonly chainId: number;
+    readonly isDefault?: boolean;
+    readonly assets: readonly TokenTransferAssetConfig[];
+}
+/** The full output of useTokenTransferConfig */
+export interface TokenTransferConfig {
+    /** Supported assets filtered by config, keyed by [chainId][address] */
+    supportedAssets: GetSupportedAssetsResponse;
+    /** Backward-compatible Record<number, string[]> (chainId -> symbol[]) */
+    symbolsByChainId: Record<number, string[]>;
+    /** Chain IDs in config display order */
+    chainIdSortOrder: number[];
+    /** Default chain ID (from isDefault on chain entry) */
+    defaultChainId: number | undefined;
+    /** Token symbols to prioritize at the top of the dropdown */
+    priorityTokenSymbols: string[];
+    /** True while /assets/supported is still loading */
+    isLoading: boolean;
+}

package/dist/wallets/walletConnectors/index.js

@@ -6,20 +6,20 @@ import {
   zerionWallet
 } from "./chunk-TTHM3WUR.js";
 import {
-  talismanWallet
-} from "./chunk-6MFOL6EB.js";
+  tahoWallet
+} from "./chunk-4BMUFNMT.js";
 import {
   tokenPocketWallet
 } from "./chunk-4C7ER452.js";
 import {
-  subWallet
-} from "./chunk-XBLHZICW.js";
-import {
-  tokenaryWallet
-} from "./chunk-34LO6Q7A.js";
+  talismanWallet
+} from "./chunk-6MFOL6EB.js";
 import {
   trustWallet
 } from "./chunk-KO56HCTI.js";
+import {
+  tokenaryWallet
+} from "./chunk-34LO6Q7A.js";
 import {
   uniswapWallet
 } from "./chunk-NHLG5PVD.js";
@@ -29,21 +29,21 @@ import {
 import {
   xdefiWallet
 } from "./chunk-O7RSASRH.js";
-import {
-  rainbowWallet
-} from "./chunk-GSHSWVEG.js";
 import {
   rabbyWallet
 } from "./chunk-WFNPWKU3.js";
+import {
+  rainbowWallet
+} from "./chunk-GSHSWVEG.js";
 import {
   ramperWallet
 } from "./chunk-R4S234FL.js";
-import {
-  safeWallet
-} from "./chunk-YKVWTGU7.js";
 import {
   roninWallet
 } from "./chunk-PKMAPNN6.js";
+import {
+  safeWallet
+} from "./chunk-YKVWTGU7.js";
 import {
   safeheronWallet
 } from "./chunk-4R4AARTG.js";
@@ -51,14 +51,14 @@ import {
   safepalWallet
 } from "./chunk-IICWJWGZ.js";
 import {
-  tahoWallet
-} from "./chunk-4BMUFNMT.js";
+  subWallet
+} from "./chunk-XBLHZICW.js";
+import {
+  metaMaskWallet
+} from "./chunk-HETS3KKI.js";
 import {
   mewWallet
 } from "./chunk-HKVDCVCG.js";
-import {
-  ledgerWallet
-} from "./chunk-WKCCLGHJ.js";
 import {
   oktoWallet
 } from "./chunk-BVX22N7L.js";
@@ -80,57 +80,57 @@ import {
 import {
   foxWallet
 } from "./chunk-53VYSPXK.js";
-import {
-  frameWallet
-} from "./chunk-WDTNOIMF.js";
 import {
   frontierWallet
 } from "./chunk-CJJT7LMT.js";
+import {
+  frameWallet
+} from "./chunk-WDTNOIMF.js";
 import {
   gateWallet
 } from "./chunk-7OARWILZ.js";
 import {
   imTokenWallet
 } from "./chunk-IUVO4IN3.js";
-import {
-  kresusWallet
-} from "./chunk-G4V5B6YC.js";
 import {
   injectedWallet
 } from "./chunk-W6MXINYY.js";
 import {
-  metaMaskWallet
-} from "./chunk-HETS3KKI.js";
+  kresusWallet
+} from "./chunk-G4V5B6YC.js";
 import {
-  bybitWallet
-} from "./chunk-6UCI7GM6.js";
+  ledgerWallet
+} from "./chunk-WKCCLGHJ.js";
+import {
+  clvWallet
+} from "./chunk-GVOQTORD.js";
 import {
   coin98Wallet
 } from "./chunk-6YO27XOM.js";
+import {
+  bitgetWallet
+} from "./chunk-HOPH3TQ3.js";
 import {
   coinbaseWallet
 } from "./chunk-RZXMOPIV.js";
 import {
-  clvWallet
-} from "./chunk-GVOQTORD.js";
+  coreWallet
+} from "./chunk-GH4M6FTK.js";
 import {
   dawnWallet
 } from "./chunk-TFVCCI2D.js";
-import {
-  coreWallet
-} from "./chunk-GH4M6FTK.js";
 import {
   desigWallet
 } from "./chunk-JYVLYSH3.js";
 import {
   enkryptWallet
 } from "./chunk-W6TXXLCO.js";
-import {
-  argentWallet
-} from "./chunk-VUOAIUZE.js";
 import {
   bifrostWallet
 } from "./chunk-EKJHJFRN.js";
+import {
+  argentWallet
+} from "./chunk-VUOAIUZE.js";
 import {
   bitskiWallet
 } from "./chunk-A7FNGC4A.js";
@@ -140,13 +140,13 @@ import {
 import {
   bloomWallet
 } from "./chunk-UB2SSFH7.js";
-import {
-  bitgetWallet
-} from "./chunk-HOPH3TQ3.js";
-import "./chunk-MAPXJUOO.js";
 import {
   braveWallet
 } from "./chunk-ZRNBHLUU.js";
+import {
+  bybitWallet
+} from "./chunk-6UCI7GM6.js";
+import "./chunk-MAPXJUOO.js";
 import "./chunk-BAVE62IL.js";
 import "./chunk-KV4HGYM3.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "9.4.1",
+  "version": "9.5.0",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -81,8 +81,8 @@
     "wagmi": "2.17.2"
   },
   "dependencies": {
-    "@bluvo/react": "2.1.3",
-    "@bluvo/sdk-ts": "2.1.3",
+    "@bluvo/react": "3.0.0-beta.1",
+    "@bluvo/sdk-ts": "3.0.0-beta.1",
     "@datadog/browser-logs": "5.22.0",
     "@number-flow/react": "^0.5.5",
     "@radix-ui/react-dropdown-menu": "^2.1.7",
@@ -94,6 +94,7 @@
     "@vanilla-extract/dynamic": "2.1.0",
     "@vanilla-extract/sprinkles": "1.6.1",
     "clsx": "2.1.1",
+    "dnum": "2.17.0",
     "i18next": "25.6.2",
     "motion": "^12.0.11",
     "qrcode": "1.5.3",
@@ -103,10 +104,10 @@
     "ua-parser-js": "^1.0.37",
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.1",
-    "@funkit/api-base": "3.0.3",
-    "@funkit/fun-relay": "2.6.4",
-    "@funkit/utils": "1.2.5",
-    "@funkit/chains": "1.1.1"
+    "@funkit/chains": "1.1.2",
+    "@funkit/fun-relay": "2.6.5",
+    "@funkit/utils": "1.2.7",
+    "@funkit/api-base": "3.0.5"
   },
   "repository": {
     "type": "git",
@@ -121,9 +122,9 @@
     "predev": "pnpm statsig:generate",
     "dev": "pnpm build:watch & pnpm typegen:watch",
     "prebuild": "pnpm statsig:generate && pnpm typegen",
-    "typecheck": "pnpm tsc --project tsconfig.test.json --noEmit",
-    "typegen": "tsc --emitDeclarationOnly && tsc-alias || true",
-    "typegen:watch": "tsc --emitDeclarationOnly --watch",
+    "typecheck": "pnpm tsc --noEmit",
+    "typegen": "tsc --project tsconfig.build.json --emitDeclarationOnly && tsc-alias",
+    "typegen:watch": "tsc --project tsconfig.build.json --emitDeclarationOnly --watch",
     "lint": "biome check",
     "lint:fix": "biome check --fix",
     "test": "vitest",