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

package/dist/modals/CheckoutModal/{SelectAsset.d.ts → SelectAsset/SelectAsset.d.ts}

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { TransferTokenDefault } from '../../hooks/useTokenChain';
-import { type PaymentMethodAccountInfo, type PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
-import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from './stepTransition';
+import { type PaymentMethodAccountInfo, type PaymentMethodBrokerageInfo } from '../../../domains/paymentMethods';
+import type { TransferTokenDefault } from '../../../hooks/useTokenChain';
+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

@@ -0,0 +1,12 @@
+import { type FC } from 'react';
+import type { PaymentMethodInfo } from '../../../domains/paymentMethods';
+import type { TransferTokenDefault } from '../../../hooks/useTokenChain';
+interface SelectAssetInfoSectionProps {
+    totalBalance: number;
+    paymentMethodInfo: PaymentMethodInfo;
+    onTokenTransfer: (transferToken: TransferTokenDefault) => void;
+    onSelectSource: () => void;
+    isSourceNavWidgetEnabled: boolean;
+}
+export declare const SelectAssetInfoSection: FC<SelectAssetInfoSectionProps>;
+export {};

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

@@ -0,0 +1,24 @@
+import { type FC } from 'react';
+import { type PaymentMethodInfo } from '../../../domains/paymentMethods';
+import type { AssetHoldingsItem } from '../../../domains/wallet';
+interface AssetOption {
+    asset: AssetHoldingsItem;
+    badgeText: string;
+    isDisabled: boolean;
+    isUserSelected: boolean;
+    priority: number;
+    minUsdRequired?: number;
+}
+interface SelectAssetListProps {
+    isLoading: boolean;
+    assetOptions: AssetOption[];
+    selectedChainTokenSymbol: string | undefined;
+    paymentMethodInfo: PaymentMethodInfo;
+    navigateOnAssetClick: boolean;
+    onBalanceTopUpSwitch?: () => void;
+    onClose?: () => void;
+    onAssetSelect: (chainSymbolKey: string) => void;
+    onContinueWithToken: () => void;
+}
+export declare const SelectAssetList: FC<SelectAssetListProps>;
+export {};

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

@@ -19,7 +19,7 @@ import { type LoadingAccountNext, type LoadingAccountState } from './LoadingAcco
 import { type MeldCurrencySelectNext, type MeldCurrencySelectState } from './MeldCurrencySelect/MeldCurrencySelect';
 import { type MeldQuotesNext, type MeldQuotesState } from './MeldQuotes/MeldQuotes';
 import { type MeldRedirectNext, type MeldRedirectState } from './MeldRedirect/MeldRedirect';
-import { type SelectAssetNext, type SelectAssetState } from './SelectAsset';
+import { type SelectAssetNext, type SelectAssetState } from './SelectAsset/SelectAsset';
 import { type SourceChangeNext, type SourceChangeState } from './SourceChange/SourceChange';
 import { type TransferTokenNext, type TransferTokenState } from './TransferToken/TransferToken';
 import { type FiatAccountDetailNext, type FiatAccountDetailState } from './VirtualFiatAccount/FiatAccountDetail';

package/dist/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.d.ts

@@ -1,2 +1,2 @@
 export declare const baseStyles: string;
-export declare const homeCheckoutDisplayRowStyle: Record<"defaultBorder" | "defaultBackground" | "hoverBackground", string>;
+export declare const homeCheckoutDisplayRowStyle: Record<"hoverBackground" | "defaultBorder" | "defaultBackground", string>;

package/dist/providers/FunkitConfigContext.d.ts

@@ -119,11 +119,19 @@ export interface FunkitUiCustomizationsConfig {
         showTokenAmount?: boolean;
         /** Instead of showing the dollar value centered, show it left-aligned with "Deposit" label - defaults to false */
         showLeftAlignedDollarValueWithLabel?: boolean;
+        /** Whether to show "Instant" instead of "< 1 min" for time estimates under 1 minute - defaults to false */
+        showInstantTimeEstimate?: boolean;
         /**
          * Config for "Selected Route" row. When defined, the row is shown.
          * Omit to hide the selected route row (default).
          */
         selectedRouteConfig?: FunkitUiSelectedRouteConfig;
+        /**
+         * How to indicate the current step during transaction progress.
+         * - "spinner": show the animated spinner (default)
+         * - "textual": show a textual "1 of 2" step indicator instead
+         */
+        stepIndicatorType?: 'spinner' | 'textual';
     };
     inputAmountScreen?: {
         /** Whether to allow entering an amount of tokens, rather than only USD - defaults to true */

package/dist/providers/FunkitThemeProvider.d.ts

@@ -47,6 +47,10 @@ export declare const useActiveTheme: () => {
             heavyStroke: string;
             strokeColor: string;
             modalTopbarIcon: string;
+            modalTopbarIconBackground: string;
+            modalTopbarIconBackgroundHover: string;
+            modalTopbarIconBackgroundPressed: string;
+            modalTopbarIconStroke: string;
             primaryText: string;
             secondaryText: string;
             tertiaryText: string;
@@ -139,13 +143,21 @@ export declare const useActiveTheme: () => {
         dimensions: {
             connectExchangeIconSize: string;
             dollarValueSkeletonHeight: string;
+            dollarValueSkeletonWidth: string;
             inputAmountQuickOptionButtonHeight: string;
             inputAmountMinHeight: string;
             modalBottomBarButtonHeight: string;
             modalTopBarHeight: string;
+            paymentAmountSkeletonBlockHeight: string;
+            paymentAmountSkeletonBlockWidth: string;
+            paymentAmountSkeletonCircleSize: string;
             selectAssetItemIconSize: string;
+            txBreakdownSkeletonWidth: string;
+            txSummaryLineSkeletonHeight: string;
+            txSummaryLineSkeletonWidth: string;
         };
         fonts: {
+            amountValue: string;
             body: string;
             buttonTextPrimary: string;
             buttonTextSecondary: string;
@@ -434,6 +446,10 @@ export declare const useActiveTheme: () => {
             heavyStroke: string;
             strokeColor: string;
             modalTopbarIcon: string;
+            modalTopbarIconBackground: string;
+            modalTopbarIconBackgroundHover: string;
+            modalTopbarIconBackgroundPressed: string;
+            modalTopbarIconStroke: string;
             primaryText: string;
             secondaryText: string;
             tertiaryText: string;
@@ -526,13 +542,21 @@ export declare const useActiveTheme: () => {
         dimensions: {
             connectExchangeIconSize: string;
             dollarValueSkeletonHeight: string;
+            dollarValueSkeletonWidth: string;
             inputAmountQuickOptionButtonHeight: string;
             inputAmountMinHeight: string;
             modalBottomBarButtonHeight: string;
             modalTopBarHeight: string;
+            paymentAmountSkeletonBlockHeight: string;
+            paymentAmountSkeletonBlockWidth: string;
+            paymentAmountSkeletonCircleSize: string;
             selectAssetItemIconSize: string;
+            txBreakdownSkeletonWidth: string;
+            txSummaryLineSkeletonHeight: string;
+            txSummaryLineSkeletonWidth: string;
         };
         fonts: {
+            amountValue: string;
             body: string;
             buttonTextPrimary: string;
             buttonTextSecondary: string;
@@ -819,6 +843,10 @@ export declare const useActiveTheme: () => {
             heavyStroke: string;
             strokeColor: string;
             modalTopbarIcon: string;
+            modalTopbarIconBackground: string;
+            modalTopbarIconBackgroundHover: string;
+            modalTopbarIconBackgroundPressed: string;
+            modalTopbarIconStroke: string;
             primaryText: string;
             secondaryText: string;
             tertiaryText: string;
@@ -911,13 +939,21 @@ export declare const useActiveTheme: () => {
         dimensions: {
             connectExchangeIconSize: string;
             dollarValueSkeletonHeight: string;
+            dollarValueSkeletonWidth: string;
             inputAmountQuickOptionButtonHeight: string;
             inputAmountMinHeight: string;
             modalBottomBarButtonHeight: string;
             modalTopBarHeight: string;
+            paymentAmountSkeletonBlockHeight: string;
+            paymentAmountSkeletonBlockWidth: string;
+            paymentAmountSkeletonCircleSize: string;
             selectAssetItemIconSize: string;
+            txBreakdownSkeletonWidth: string;
+            txSummaryLineSkeletonHeight: string;
+            txSummaryLineSkeletonWidth: string;
         };
         fonts: {
+            amountValue: string;
             body: string;
             buttonTextPrimary: string;
             buttonTextSecondary: string;

package/dist/themes/baseTheme.js

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

package/dist/themes/darkTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-OTMBU2BL.js";
-import "../chunk-MGQZMUZ2.js";
+} from "../chunk-KKGSXLMH.js";
+import "../chunk-BP7VOYBS.js";
 export {
   darkTheme
 };

package/dist/themes/lightTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-FBCU3TQA.js";
-import "../chunk-MGQZMUZ2.js";
+} from "../chunk-MYPFORR2.js";
+import "../chunk-BP7VOYBS.js";
 export {
   lightTheme
 };

package/dist/wallets/walletConnectors/index.js

@@ -1,10 +1,10 @@
 "use client";
-import {
-  zerionWallet
-} from "./chunk-CZYUE3AR.js";
 import {
   zealWallet
 } from "./chunk-VU2RNIQG.js";
+import {
+  zerionWallet
+} from "./chunk-CZYUE3AR.js";
 import {
   tahoWallet
 } from "./chunk-TNZJRXUQ.js";
@@ -30,29 +30,29 @@ import {
   xdefiWallet
 } from "./chunk-TMFH6GXS.js";
 import {
-  rabbyWallet
-} from "./chunk-LW6S43RE.js";
+  phantomWallet
+} from "./chunk-3IYE623P.js";
 import {
   rainbowWallet
 } from "./chunk-77UTBHGP.js";
 import {
   ramperWallet
 } from "./chunk-FCG5Q6JX.js";
+import {
+  safeWallet
+} from "./chunk-BQQQL6UD.js";
 import {
   roninWallet
 } from "./chunk-UOTQQJJD.js";
 import {
-  safeWallet
-} from "./chunk-BQQQL6UD.js";
+  safeheronWallet
+} from "./chunk-QS2XIZEH.js";
 import {
   safepalWallet
 } from "./chunk-W7Y6I22Y.js";
 import {
   subWallet
 } from "./chunk-2E4PDCEJ.js";
-import {
-  safeheronWallet
-} from "./chunk-QS2XIZEH.js";
 import {
   metaMaskWallet
 } from "./chunk-RA7MCWF4.js";
@@ -75,8 +75,8 @@ import {
   oneKeyWallet
 } from "./chunk-35Q4HKAM.js";
 import {
-  phantomWallet
-} from "./chunk-3IYE623P.js";
+  rabbyWallet
+} from "./chunk-LW6S43RE.js";
 import {
   foxWallet
 } from "./chunk-YLJDPTYF.js";
@@ -102,17 +102,17 @@ import {
   ledgerWallet
 } from "./chunk-BRBKM4PW.js";
 import {
-  bitverseWallet
-} from "./chunk-3HZRRP4Y.js";
+  bybitWallet
+} from "./chunk-5EAOMOTO.js";
 import {
   clvWallet
 } from "./chunk-HPHADOYD.js";
-import {
-  coinbaseWallet
-} from "./chunk-H4IRCEZN.js";
 import {
   coin98Wallet
 } from "./chunk-RLRQYUYC.js";
+import {
+  coinbaseWallet
+} from "./chunk-H4IRCEZN.js";
 import {
   coreWallet
 } from "./chunk-VYNVAGSV.js";
@@ -128,25 +128,25 @@ import {
 import {
   argentWallet
 } from "./chunk-WSQ2YJO2.js";
+import {
+  bifrostWallet
+} from "./chunk-R6Y36CMA.js";
 import {
   bitgetWallet
 } from "./chunk-FA5DTT5R.js";
 import {
-  bifrostWallet
-} from "./chunk-R6Y36CMA.js";
+  bitskiWallet
+} from "./chunk-YMUSFW44.js";
+import {
+  bitverseWallet
+} from "./chunk-3HZRRP4Y.js";
 import {
   bloomWallet
 } from "./chunk-S27IADFU.js";
+import "./chunk-23WIEY36.js";
 import {
   braveWallet
 } from "./chunk-4ZXII3UA.js";
-import {
-  bitskiWallet
-} from "./chunk-YMUSFW44.js";
-import {
-  bybitWallet
-} from "./chunk-5EAOMOTO.js";
-import "./chunk-23WIEY36.js";
 import "./chunk-ARYAYQ7Z.js";
 export {
   argentWallet,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "8.2.1-next.0",
+  "version": "8.2.1-next.2",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -103,10 +103,10 @@
     "ua-parser-js": "^1.0.37",
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.1",
-    "@funkit/api-base": "2.1.2-next.0",
+    "@funkit/api-base": "2.1.2-next.2",
     "@funkit/chains": "1.1.0",
     "@funkit/fun-relay": "2.2.3-next.0",
-    "@funkit/utils": "1.1.24"
+    "@funkit/utils": "1.1.25-next.0"
   },
   "repository": {
     "type": "git",