@funkit/connect 6.0.2 → 6.0.3

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @funkit/connect
 
+## 6.0.3
+
+### Patch Changes
+
+- 131c4e8: Increase modal overlay blur for tiny theme from 2px to 4px for improved visual consistency
+- e7fbbf7: Apply uppercase customization consistently to both buttons in FunBottomBar component
+- 0ed7731: Increase tooltip max width in PaymentFeesSummary from 205px to 250px for better content visibility
+- 3d27ffe: fix(connect): fix height calculation for checkout modal
+- 9811dfe: feat(connect,api-base,frog): add Revolut as Meld service provider
+- b144caf: add new config for starting step
+- 3d27ffe: feat(connect): adjust above and below spacing for main CTA for all themes
+- Updated dependencies [31bf384]
+- Updated dependencies [90e1f57]
+- Updated dependencies [9811dfe]
+- Updated dependencies [b144caf]
+- Updated dependencies [1ccc1a3]
+- Updated dependencies [a167261]
+  - @funkit/api-base@1.9.12
+  - @funkit/fun-relay@1.0.0
+  - @funkit/core@2.3.36
+  - @funkit/wagmi-tools@3.0.58
+
 ## 6.0.2
 
 ### Patch Changes

package/dist/{chunk-IVQ57535.js → chunk-7HKC2KCK.js}

@@ -88,7 +88,7 @@ var blurs = {
     modalOverlay: "blur(8px)"
   },
   tiny: {
-    modalOverlay: "blur(2px)"
+    modalOverlay: "blur(4px)"
   }
 };
 var DEFAULT_FONT_WEIGHTS = {
@@ -187,7 +187,7 @@ var baseTheme = ({
   spacing: {
     modalBaseHorizontalPadding: "6px",
     modalBottomHorizontalPadding: "12px",
-    modalPaddingBottomUpper: "18px",
+    modalPaddingBottomUpper: "16px",
     modalPaddingBottomLower: "16px",
     modalTopBarVerticalTextSpacing: "0px",
     ...customSpacings

package/dist/{chunk-IOMUPAAW.js → chunk-VQOGHHW2.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-IVQ57535.js";
+} from "./chunk-7HKC2KCK.js";
 
 // src/themes/darkTheme.ts
 var accentColors = {

package/dist/{chunk-N6UWLAUQ.js → chunk-ZAZGUX6Z.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-IVQ57535.js";
+} from "./chunk-7HKC2KCK.js";
 
 // src/themes/lightTheme.ts
 var accentColors = {

package/dist/components/Dialog/DialogContent.css.d.ts

@@ -1,5 +1,9 @@
 export declare const SCROLL_BAR_WIDTH = 6;
 export declare const DIALOG_BOTTOM_PADDING = "15";
+/**
+ * note the border defined here is taken into account in the FunCheckoutModalHeightAnimationWrapper component in the `getPermittedHeight` function
+ * adjusting the border width will require adjusting the `getPermittedHeight` function
+ */
 export declare const dialog: string;
 export declare const dialogCompact: string;
 export declare const dialogMedium: string;

package/dist/index.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   darkTheme
-} from "./chunk-IOMUPAAW.js";
+} from "./chunk-VQOGHHW2.js";
 import {
   lightTheme
-} from "./chunk-N6UWLAUQ.js";
+} from "./chunk-ZAZGUX6Z.js";
 import {
   systemFontStack
-} from "./chunk-IVQ57535.js";
+} from "./chunk-7HKC2KCK.js";
 
 // src/components/Dialog/DialogContent.css.ts
 var SCROLL_BAR_WIDTH = 6;
@@ -2490,8 +2490,26 @@ var flagConfig = {
             type: "isAnyOf",
             values: [
               "0x2A8Bd916E85d98d8175258De99fc0ddbcC102eF6",
-              "0x21b94a3E67c4a72d3D15f478A696c5175f036092"
+              "0x21b94a3E67c4a72d3D15f478A696c5175f036092",
               // jianhe
+              "0x9C64fD7d9826E6d552dD8bc53e5C96F7C3F38528",
+              // panda
+              "0x236c60C57a8B9ca563Fb0dA5199FDdCB686d91E8",
+              // greg
+              "0x2e0Fa1cE3F0F6a85542c1E4F941116c0E885292E",
+              // adam
+              "0x8a5505F1b274d8fC23986AF60Dd3Ca3857095BB8",
+              // david
+              "0x0B6E49e9D1528F59BaBF3C5337A4c96E987f81aa",
+              // aaron (rainbow)
+              "0x84Bc1AC5621d2B44C5D3e3E79b45C2885406026D",
+              // hunter (evm)
+              "0x0D0377aa9CCA769931821842aB0E1A75e7DD6dD6",
+              // cheng-yu (evm)
+              "0x7B0195921183f7E04f0D331c1DAF7C1bB208CC4E",
+              // kurt (evm)
+              "0xda6b07Eb94f699F511a943e9bFC12B64B7fe3486"
+              // Alex
             ]
           },
           {
@@ -2808,41 +2826,13 @@ var flagConfig = {
   [FlagKey.RelayBypassTargetChainsAndAssets]: {
     type: "string",
     default_value: JSON.stringify({
-      // USDC.e on Polygon (PM)
-      137: ["0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174"],
-      // USDC on Arbitrum (OSTIUM)
-      42161: ["0xaf88d065e77c8cC2239327C5EDb3A432268e5831"],
-      // Katana
-      747474: [
-        NATIVE_TOKEN,
-        // ETH
-        "0x7f1f4b4b29f5058fa32cc7a97141b8d7e5abdc2d",
-        // KAT
-        "0xEE7D8BCFb72bC1880D0Cf19822eB0A2e6577aB62",
-        // vbETH
-        "0x203A662b0BD271A6ed5a60EdFbd04bFce608FD36",
-        // vbUSDC
-        "0x2DCa96907fde857dd3D816880A0df407eeB2D2F2",
-        // vbUSDT
-        "0x0913DA6Da4b42f538B445599b46Bb4622342Cf52",
-        // vbWBTC
-        "0x62D6A123E8D19d06d68cf0d2294F9A3A0362c6b3",
-        // vbUSDS
-        "0x00000000eFE302BEAA2b3e6e1b18d08D69a9012a",
-        // AUSD
-        "0x9B8Df6E244526ab5F6e6400d331DB28C8fdDdb55",
-        // uSOL
-        "0xb0505e5a99abd03d94a1169e638B78EDfEd26ea4",
-        // uSUI
-        "0x2615a94df961278DcbC41Fb0a54fEc5f10a693aE",
-        // uXRP
-        "0x1e5eFCA3D0dB2c6d5C67a4491845c43253eB9e4e",
-        // MORPHO
-        "0x17BFF452dae47e07CeA877Ff0E1aba17eB62b0aB",
-        // SUSHI
-        "0x476eaCd417cD65421bD34fca054377658BB5E02b"
-        // YFI
-      ],
+      1: ["*"],
+      137: ["*"],
+      8453: ["*"],
+      42161: ["*"],
+      10: ["*"],
+      56: ["*"],
+      747474: ["*"],
       999: ["*"],
       2741: ["*"],
       1151111081099710: [
@@ -4460,6 +4450,7 @@ function generateSourceOfFundString({
 var FunCheckoutStartingStep = /* @__PURE__ */ ((FunCheckoutStartingStep2) => {
   FunCheckoutStartingStep2["SOURCE_CHANGE"] = "source_change";
   FunCheckoutStartingStep2["CONFIRMATION"] = "confirmation";
+  FunCheckoutStartingStep2["SELECT_ASSET"] = "select_asset";
   return FunCheckoutStartingStep2;
 })(FunCheckoutStartingStep || {});
 var FunkitCheckoutContext = createContext10({
@@ -7653,7 +7644,8 @@ var FunBottomBar = ({
       type: "tertiary",
       height: "modalBottomBarButtonHeight",
       textSize: "modalBottomBarButtonText",
-      textWeight: "modalBottomBarButtonText"
+      textWeight: "modalBottomBarButtonText",
+      uppercase: uiCustomizations?.callToActionsUppercase
     }
   ), actionButtonProps && /* @__PURE__ */ React60.createElement(
     FunButton,
@@ -7662,8 +7654,8 @@ var FunBottomBar = ({
       borderRadius: customButtonRadius,
       height: "modalBottomBarButtonHeight",
       textSize: "modalBottomBarButtonText",
-      uppercase: uiCustomizations?.callToActionsUppercase,
-      textWeight: "modalBottomBarButtonText"
+      textWeight: "modalBottomBarButtonText",
+      uppercase: uiCustomizations?.callToActionsUppercase
     }
   )), bottomSectionComponent && /* @__PURE__ */ React60.createElement(Box, { paddingTop: "10" }, bottomSectionComponent));
 };
@@ -10697,7 +10689,7 @@ function FeeLineItem({
         content: tooltipText,
         tooltipPosition,
         enableDynamicPositioning: true,
-        maxWidth: tooltipWidth === "wide" ? 205 : void 0
+        maxWidth: tooltipWidth === "wide" ? 250 : void 0
       },
       /* @__PURE__ */ React90.createElement(
         Box,
@@ -15153,9 +15145,6 @@ function useCheckoutQuoteNotification() {
   };
 }
 
-// src/modals/CheckoutModal/stepTransition.ts
-import { FlagKey as FlagKey31 } from "@funkit/utils";
-
 // src/modals/CheckoutModal/VirtualFiatAccount/BridgeCustomer.tsx
 import React112 from "react";
 
@@ -18828,6 +18817,7 @@ var providerLabelMap = {
   ONRAMPMONEY: "Onramp Money",
   PAYBIS: "Paybis",
   RAMP: "Ramp",
+  REVOLUT: "Revolut",
   ROBINHOOD: "Robinhood",
   SARDINE: "Sardine",
   SHIFT4: "Shift4",
@@ -20452,7 +20442,7 @@ function InputAmountLoaded({
   textCustomizations
 }) {
   const maxCheckoutUsdString = useFlag(FlagKey23.MaxCheckoutUsd);
-  const isSourceNavWidgetEnabled = useFlag(FlagKey23.EnableSourceNavigationWidget);
+  const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
   const { paymentMethod } = modalState.paymentMethodInfo;
   const { quote: manuallySelectedQuote } = modalState;
   const isCardCheckout = paymentMethod === "card" /* CARD */;
@@ -20762,7 +20752,7 @@ function YouPayYouReceiveWrapper({
 }
 
 // src/modals/CheckoutModal/InputAmount/InputAmountLoading.tsx
-import { FlagKey as FlagKey24, formatCryptoAndStringify as formatCryptoAndStringify6 } from "@funkit/utils";
+import { formatCryptoAndStringify as formatCryptoAndStringify6 } from "@funkit/utils";
 import React163, { useMemo as useMemo21 } from "react";
 function InputAmountLoading({
   modalState,
@@ -20772,7 +20762,7 @@ function InputAmountLoading({
   const { paymentMethodInfo } = modalState;
   const { checkoutItem } = useCheckoutContext();
   const meldEnabled = useIsMeldEnabled();
-  const isSourceNavWidgetEnabled = useFlag(FlagKey24.EnableSourceNavigationWidget);
+  const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
   const targetAssetAmount = checkoutItem?.initSettings.config.targetAssetAmount;
   const targetAssetTicker = checkoutItem?.initSettings.config.targetAssetTicker;
   const error = useMemo21(() => {
@@ -20981,14 +20971,14 @@ import { mainnet as mainnet6, polygon as polygon6 } from "viem/chains";
 var ASSETS_LOW_VALUE_THRESHOLD2 = 0.1;
 
 // src/hooks/usePaymentSources.ts
-import { FlagKey as FlagKey25, isNotNullish as isNotNullish8 } from "@funkit/utils";
+import { FlagKey as FlagKey24, isNotNullish as isNotNullish8 } from "@funkit/utils";
 function usePaymentMethodEnablement({
   checkoutConfig
 }) {
   const { apiKey, uiCustomizations } = useFunkitConfig();
-  const isTokenTransferFlagEnabled = useFlag(FlagKey25.EnableTokenTransfer);
+  const isTokenTransferFlagEnabled = useFlag(FlagKey24.EnableTokenTransfer);
   const isFiatFlagEnabled = useFiatEnabled();
-  const isCardFlagEnabled = useFlag(FlagKey25.EnableCard);
+  const isCardFlagEnabled = useFlag(FlagKey24.EnableCard);
   const isKatanaEarnFlowAction = isKatanaEarnFlow({ apiKey, checkoutConfig });
   const isUsKatanaUser = useIsUsKatanaUser();
   const isFiatEnabled = isFiatFlagEnabled && !isKatanaEarnFlowAction;
@@ -21200,13 +21190,20 @@ function FunAssetLoading({ count = 3 }) {
 var LoadingAccountInfo = {
   Component: LoadingAccount,
   onNext(state, payload) {
-    if (payload.startingStep === "confirmation" /* CONFIRMATION */ && payload.paymentMethodInfo) {
+    if (state.startingStep === "confirmation" /* CONFIRMATION */ && payload.paymentMethodInfo) {
       return {
         ...state,
         step: "confirmation" /* CONFIRMATION */,
         paymentMethodInfo: payload.paymentMethodInfo
       };
     }
+    if (state.startingStep === "select_asset" /* SELECT_ASSET */ && payload.chosenPaymentMethod === "balance" /* ACCOUNT_BALANCE */ && payload.paymentMethodInfo) {
+      return {
+        ...state,
+        step: "select_asset" /* SELECT_ASSET */,
+        paymentMethodInfo: payload.paymentMethodInfo
+      };
+    }
     switch (payload.chosenPaymentMethod) {
       case "balance" /* ACCOUNT_BALANCE */:
       case "brokerage" /* BROKERAGE */:
@@ -21243,7 +21240,7 @@ var hasSufficientAsset = (walletAssets, targetChainId, threshold = ASSETS_LOW_VA
     return (availableAmount ?? 0) >= threshold;
   });
 };
-function handleSufficientAssetRedirect(isDefiMode, hasCustomStartingStep, isOstiumCustomer2, walletAddress, updateSelectedPaymentMethodInfo, onNext, checkoutConfig) {
+function handleSufficientAssetRedirect(isDefiMode, hasCustomStartingStep, isOstiumCustomer2, walletAddress, updateSelectedPaymentMethodInfo, onNext) {
   const paymentMethodInfo = createPaymentMethodInfo({
     paymentMethod: "balance" /* ACCOUNT_BALANCE */,
     walletAddress
@@ -21252,8 +21249,7 @@ function handleSufficientAssetRedirect(isDefiMode, hasCustomStartingStep, isOsti
   if (isDefiMode || hasCustomStartingStep || isOstiumCustomer2) {
     return onNext({
       chosenPaymentMethod: null,
-      paymentMethodInfo,
-      startingStep: checkoutConfig?.startingStep
+      paymentMethodInfo
     });
   }
   return onNext({
@@ -21294,10 +21290,22 @@ function LoadingAccount({
   });
   const hasCustomStartingStep = !!checkoutConfig?.startingStep;
   const startsOnConfirmationStep = checkoutConfig?.startingStep === "confirmation" /* CONFIRMATION */;
+  const startsOnSelectAssetStep = checkoutConfig?.startingStep === "select_asset" /* SELECT_ASSET */;
   useEffect38(() => {
     if (isLoadingFlags || isLoadingFiat || !checkoutConfig) {
       return;
     }
+    if (startsOnSelectAssetStep) {
+      const paymentMethodInfo = createPaymentMethodInfo({
+        paymentMethod: "balance" /* ACCOUNT_BALANCE */,
+        walletAddress
+      });
+      updateSelectedPaymentMethodInfo(paymentMethodInfo);
+      return onNext({
+        chosenPaymentMethod: "balance" /* ACCOUNT_BALANCE */,
+        paymentMethodInfo
+      });
+    }
     if (!startsOnConfirmationStep) {
       return onNext({ chosenPaymentMethod: null });
     }
@@ -21309,8 +21317,7 @@ function LoadingAccount({
         isOstiumCustomer(apiKey),
         walletAddress,
         updateSelectedPaymentMethodInfo,
-        onNext,
-        checkoutConfig
+        onNext
       );
     }
     if (isFetchingAssets) {
@@ -21328,6 +21335,7 @@ function LoadingAccount({
   }, [
     hasCustomStartingStep,
     startsOnConfirmationStep,
+    startsOnSelectAssetStep,
     isDefiMode,
     isLoadingFlags,
     isLoadingFiat,
@@ -21654,11 +21662,7 @@ function MoonpaySetup({
 
 // src/modals/CheckoutModal/SelectAsset.tsx
 import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2 } from "@funkit/chains";
-import {
-  FlagKey as FlagKey27,
-  formatCurrencyAndStringify as formatCurrencyAndStringify12,
-  isTokenEquivalent as isTokenEquivalent6
-} from "@funkit/utils";
+import { formatCurrencyAndStringify as formatCurrencyAndStringify12, isTokenEquivalent as isTokenEquivalent6 } from "@funkit/utils";
 import React174, { useEffect as useEffect40, useMemo as useMemo27, useState as useState45 } from "react";
 import { createPortal as createPortal11 } from "react-dom";
 
@@ -21755,13 +21759,13 @@ var ReceiveTokenDropdown = ({
 
 // src/components/NewTokenDepositAlert/NewTokenDepositAlert.tsx
 import React173 from "react";
-import { FlagKey as FlagKey26, safeParseJson as safeParseJson5 } from "@funkit/utils";
+import { FlagKey as FlagKey25, safeParseJson as safeParseJson5 } from "@funkit/utils";
 var NewTokenDepositAlert = ({
   onClick
 }) => {
-  const alertJson = useFlag(FlagKey26.NewTokenAssetSelectionBanner);
+  const alertJson = useFlag(FlagKey25.NewTokenAssetSelectionBanner);
   const alertData = safeParseJson5(alertJson);
-  const isTokenTransferEnabled = useFlag(FlagKey26.EnableTokenTransfer);
+  const isTokenTransferEnabled = useFlag(FlagKey25.EnableTokenTransfer);
   if (!alertData || !isTokenTransferEnabled) {
     return null;
   }
@@ -22250,9 +22254,9 @@ var SelectAssetInfoSection = ({
   totalBalance,
   paymentMethodInfo,
   onSelectSource,
-  onTokenTransfer
+  onTokenTransfer,
+  isSourceNavWidgetEnabled
 }) => {
-  const isSourceNavWidgetEnabled = useFlag(FlagKey27.EnableSourceNavigationWidget);
   const { checkoutItem } = useCheckoutContext();
   const label = usePaymentMethodInfoLabel(paymentMethodInfo, 16);
   const isDefiMode = checkoutItem?.initSettings.config.isDefiMode;
@@ -22276,7 +22280,8 @@ function SelectWalletAsset({
   onFinish,
   onSelectSource,
   onTokenTransfer,
-  onClose
+  onClose,
+  isSourceNavWidgetEnabled
 }) {
   const { data, isLoading, totalBalance } = useWalletAssetHoldings(targetChainId);
   return /* @__PURE__ */ React174.createElement(React174.Fragment, null, /* @__PURE__ */ React174.createElement(
@@ -22285,7 +22290,8 @@ function SelectWalletAsset({
       paymentMethodInfo,
       totalBalance,
       onTokenTransfer,
-      onSelectSource
+      onSelectSource,
+      isSourceNavWidgetEnabled
     }
   ), /* @__PURE__ */ React174.createElement(
     MeshOrAccountSelectAsset,
@@ -22319,7 +22325,8 @@ function SelectAsset({
       onFinish: handleFinish,
       onSelectSource: handleSelectSource,
       onTokenTransfer: handleTokenTransfer,
-      onClose
+      onClose,
+      isSourceNavWidgetEnabled: modalState.startingStep === "select_asset" /* SELECT_ASSET */
     }
   ) : /* @__PURE__ */ React174.createElement(React174.Fragment, null));
 }
@@ -22720,7 +22727,6 @@ function SourceChange({
 }
 
 // src/modals/CheckoutModal/TransferToken/TransferToken.tsx
-import { FlagKey as FlagKey29 } from "@funkit/utils";
 import { motion as motion9, useAnimationControls as useAnimationControls3 } from "motion/react";
 import React188, { useRef as useRef17, useState as useState51 } from "react";
 import { createPortal as createPortal13 } from "react-dom";
@@ -23406,13 +23412,13 @@ var TransferTokenDetails = ({
 
 // src/hooks/useTokenTransfer.ts
 import { solanaChain as solanaChain4 } from "@funkit/chains";
-import { FlagKey as FlagKey28 } from "@funkit/utils";
+import { FlagKey as FlagKey26 } from "@funkit/utils";
 import { useMemo as useMemo29 } from "react";
 import { mainnet as mainnet8, polygon as polygon7 } from "viem/chains";
 var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
   const { checkoutItem } = useCheckoutContext();
   const enableUniversal = useFlag(
-    FlagKey28.EnableTokenTransferUniversalDepositAddress,
+    FlagKey26.EnableTokenTransferUniversalDepositAddress,
     false
   );
   const estPriceImpact = usePriceImpactEstimation(selectedToken);
@@ -23446,7 +23452,7 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
 };
 var useMinTransferLimits = () => {
   const { userIpInfo } = useFunkitUserIp();
-  const minTransferValueJsonString = useFlag(FlagKey28.MinTokenTransferValue);
+  const minTransferValueJsonString = useFlag(FlagKey26.MinTokenTransferValue);
   const minTransferValue = safeJSONParse(
     minTransferValueJsonString
   );
@@ -23526,7 +23532,7 @@ function TransferToken({
 }) {
   const controls = useAnimationControls3();
   const [qrCodeHover, setQrCodeHover] = useState51(false);
-  const isSourceNavWidgetEnabled = useFlag(FlagKey29.EnableSourceNavigationWidget);
+  const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
   const { textCustomizations } = useFunkitConfig();
   const { checkoutItem } = useCheckoutContext();
   const checkoutConfig = checkoutItem?.initSettings.config;
@@ -23768,7 +23774,6 @@ function TransferToken({
 }
 
 // src/modals/CheckoutModal/VirtualFiatAccount/FiatAccountDetail.tsx
-import { FlagKey as FlagKey30 } from "@funkit/utils";
 import React194, { useState as useState52 } from "react";
 
 // src/components/Tabs/Tabs.tsx
@@ -24053,7 +24058,7 @@ var AccountDetailsScreen = ({
   const label = usePaymentMethodInfoLabel(paymentMethodInfo);
   const { appName } = useFunkitConfig();
   const { animation, animate } = useAnimatedNavigation(void 0);
-  const isSourceNavWidgetEnabled = useFlag(FlagKey30.EnableSourceNavigationWidget);
+  const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
   const [activeTab, setActiveTab] = useState52(0);
   const [detailsExpanded, setDetailsExpanded] = useState52(false);
   const { source_deposit_instructions: sourceDeposit } = matchingFiatAccount;
@@ -24287,7 +24292,8 @@ function extractCommonState(state) {
     checkoutId: state.checkoutId,
     targetChainId: state.targetChainId,
     isSoftHidden: state.isSoftHidden,
-    isDefiMode: state.isDefiMode
+    isDefiMode: state.isDefiMode,
+    startingStep: state.startingStep
   };
 }
 var CheckoutModalSteps = {
@@ -24325,7 +24331,8 @@ function initialState(checkoutItem) {
     checkoutId: checkoutItem.id,
     targetChainId: checkoutItem.initSettings.config.targetChain,
     isSoftHidden: false,
-    isDefiMode: !!checkoutItem.initSettings.config.isDefiMode
+    isDefiMode: !!checkoutItem.initSettings.config.isDefiMode,
+    startingStep: checkoutItem.initSettings.config.startingStep || "source_change" /* SOURCE_CHANGE */
   };
 }
 function useCheckoutModalTransition(checkoutItem, onClose) {
@@ -24432,7 +24439,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
 }
 function useTitleConfig(checkoutItem, state) {
   const { apiKey, textCustomizations } = useFunkitConfig();
-  const isSourceNavWidgetEnabled = useFlag(FlagKey31.EnableSourceNavigationWidget);
+  const isSourceNavWidgetEnabled = state.startingStep === "select_asset" /* SELECT_ASSET */;
   const {
     showFullHeight,
     disableBack = () => false,
@@ -24462,6 +24469,10 @@ var mapHeightToCheckoutStep = {
   ["confirmation" /* CONFIRMATION */]: 825,
   ["checkout_complete" /* CHECKOUT_COMPLETE */]: 825
 };
+function getPermittedHeight(checkoutStep) {
+  const heightOffset = 2;
+  return (checkoutStep ? mapHeightToCheckoutStep[checkoutStep] ?? DEFAULT_HEIGHT : DEFAULT_HEIGHT) - heightOffset;
+}
 function FunCheckoutModalHeightAnimationWrapper({
   children,
   checkoutStep
@@ -24475,7 +24486,7 @@ function FunCheckoutModalHeightAnimationWrapper({
       resizeObserverRef.current = new ResizeObserver((entries) => {
         animationFrameRef.current = requestAnimationFrame(() => {
           const requestedHeight = entries[0].contentRect.height;
-          const permittedHeight2 = checkoutStep ? mapHeightToCheckoutStep[checkoutStep] ?? DEFAULT_HEIGHT : DEFAULT_HEIGHT;
+          const permittedHeight2 = getPermittedHeight(checkoutStep);
           setHeight(
             requestedHeight > permittedHeight2 ? permittedHeight2 : requestedHeight
           );
@@ -24490,7 +24501,7 @@ function FunCheckoutModalHeightAnimationWrapper({
       };
     }
   }, [checkoutStep]);
-  const permittedHeight = checkoutStep ? mapHeightToCheckoutStep[checkoutStep] ?? DEFAULT_HEIGHT : DEFAULT_HEIGHT;
+  const permittedHeight = getPermittedHeight(checkoutStep);
   return /* @__PURE__ */ React196.createElement(
     motion11.div,
     {
@@ -28013,7 +28024,7 @@ function ChainModal({ onClose, open }) {
 // src/modals/CheckoutModal/FunCheckoutModal.tsx
 import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST3 } from "@funkit/chains";
 import { LogLevel, initializeRelayClient } from "@funkit/fun-relay";
-import { FlagKey as FlagKey33 } from "@funkit/utils";
+import { FlagKey as FlagKey28 } from "@funkit/utils";
 import React247, { useRef as useRef26 } from "react";
 
 // src/components/FunCheckoutBlocked/FunCheckoutBlocked.tsx
@@ -28082,13 +28093,13 @@ var FunNotificationShowMoreButton = ({
 import {
   getCheckoutsByUserId as getCheckoutsByUserId2
 } from "@funkit/api-base";
-import { FlagKey as FlagKey32 } from "@funkit/utils";
+import { FlagKey as FlagKey27 } from "@funkit/utils";
 import { useQuery as useQuery18 } from "@tanstack/react-query";
 var hasCorrectPaymentMethod = (checkout, paymentMethod) => !paymentMethod || checkout.clientMetadata.selectedPaymentMethodInfo?.paymentMethod === paymentMethod;
 var isRecent = (checkout, timestampCutoff) => checkout.createdTimeMs > timestampCutoff;
 var DEFAULT_NOTIF_CUTOFF = 7 * 24 * 60 * 60 * 1e3;
 function useCheckoutRefreshInterval() {
-  const str = useFlag(FlagKey32.CheckoutNotificationsRefreshInterval);
+  const str = useFlag(FlagKey27.CheckoutNotificationsRefreshInterval);
   return safeJSONParse(str) || { listRefresh: 50 * 1e3, itemRefresh: 5 * 1e3 };
 }
 var useRecentCheckouts = ({
@@ -29256,7 +29267,7 @@ function FunCheckoutModalInner({
   const isBlocked = isUserGeoblocked || modalState.isBlocked;
   const hasBack = hasHistoryEntry && !disableBack;
   const checkoutConfig = checkoutItem.initSettings.config;
-  const helpButtonUrl = useFlag(FlagKey33.HelpTutorialUrl);
+  const helpButtonUrl = useFlag(FlagKey28.HelpTutorialUrl);
   const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
     depositAddress: checkoutItem.depositAddress ?? void 0,
     isCheckoutDetailView: modalState.step === "checkout_complete" /* CHECKOUT_COMPLETE */,
@@ -31148,18 +31159,18 @@ function cssStringFromTheme(theme, options = {}) {
 }
 
 // src/hooks/useIsFunkitCheckoutActivated.ts
-import { FlagKey as FlagKey34 } from "@funkit/utils";
+import { FlagKey as FlagKey29 } from "@funkit/utils";
 var useIsFunkitCheckoutActivated = () => {
-  const isCheckoutActivated = useFlag(FlagKey34.IsCheckoutActivated);
+  const isCheckoutActivated = useFlag(FlagKey29.IsCheckoutActivated);
   return {
     isActivated: isCheckoutActivated
   };
 };
 
 // src/hooks/useFunkitMaxCheckoutUsdInfo.ts
-import { FlagKey as FlagKey35, formatCurrencyAndStringify as formatCurrencyAndStringify17 } from "@funkit/utils";
+import { FlagKey as FlagKey30, formatCurrencyAndStringify as formatCurrencyAndStringify17 } from "@funkit/utils";
 var useFunkitMaxCheckoutUsdInfo = () => {
-  const maxCheckoutUsd = Number(useFlag(FlagKey35.MaxCheckoutUsd));
+  const maxCheckoutUsd = Number(useFlag(FlagKey30.MaxCheckoutUsd));
   const limitText = maxCheckoutUsd === Number.MAX_VALUE ? "no" : formatCurrencyAndStringify17(maxCheckoutUsd, {
     decimalPrecisionForSuffix: 0,
     minimumSignificantDigits: 0,
@@ -31276,7 +31287,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "6.0.2";
+  return "6.0.3";
 }
 function useFingerprint() {
   const fingerprint = useCallback50(() => {

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

@@ -1,12 +1,8 @@
 import React from 'react';
-import { FunCheckoutStartingStep } from '~/providers/FunkitCheckoutContext';
 import { type ConnectablePaymentMethodInfo, PaymentMethod, type PaymentMethodAccountInfo, type PaymentMethodBrokerageInfo, type PaymentMethodVirtualBankInfo } from '../../domains/paymentMethods';
 import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from './stepTransition';
 export type LoadingAccountState = CheckoutModalCommonState;
-type UserEntryContext<T> = T & {
-    startingStep?: FunCheckoutStartingStep;
-};
-export type LoadingAccountNext = UserEntryContext<{
+export type LoadingAccountNext = {
     chosenPaymentMethod: PaymentMethod.ACCOUNT_BALANCE;
     paymentMethodInfo: PaymentMethodAccountInfo;
 } | {
@@ -19,8 +15,7 @@ export type LoadingAccountNext = UserEntryContext<{
     /** Can be set to null to skip auto payment method selection */
     chosenPaymentMethod: null | PaymentMethod.TOKEN_TRANSFER;
     paymentMethodInfo?: ConnectablePaymentMethodInfo;
-}>;
+};
 export declare const LoadingAccountInfo: ModalStepInfo<FunCheckoutStep.LOADING_ACCOUNT>;
 /** A placeholder component to handle redirecting to the checkout history page */
 export declare function LoadingAccount({ modalState, onNext, }: ModalStepComponentProps<FunCheckoutStep.LOADING_ACCOUNT>): React.JSX.Element;
-export {};

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

@@ -3,7 +3,7 @@ import { type BridgeCustomerNext, type BridgeCustomerState } from '~/modals/Chec
 import { type BridgeKycNext, type BridgeKycState } from '~/modals/CheckoutModal/VirtualFiatAccount/BridgeKyc';
 import { type ErrorScreenState } from '~/modals/CheckoutModal/VirtualFiatAccount/ErrorScreen';
 import { type VirtualFiatAccountNext, type VirtualFiatAccountState } from '~/modals/CheckoutModal/VirtualFiatAccount/VirtualFiatAccount';
-import type { FunCheckoutStartingStep, FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
+import { FunCheckoutStartingStep, type FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
 import { type FunkitTextCustomizationsConfig } from '../../providers/FunkitConfigContext';
 import { type CheckoutCompleteNext, type CheckoutCompleteState } from './CheckoutComplete/CheckoutComplete';
 import { type CheckoutHelpState } from './CheckoutHelp/CheckoutHelp';
@@ -27,6 +27,7 @@ export interface CheckoutModalCommonState {
     isBlocked?: boolean;
     /** Whether checkout is started in a defi mode which has various flow implications (most importantly targetAssetAmount must be set and is not editable throughout the checkout)*/
     isDefiMode: boolean;
+    startingStep: FunCheckoutStartingStep;
     targetChainId: string;
 }
 export interface ModalStepComponentProps<S extends FunCheckoutStep = FunCheckoutStep> {

package/dist/providers/FunkitCheckoutContext.d.ts

@@ -18,7 +18,8 @@ export interface DynamicTargetAssetCandidate {
 }
 export declare enum FunCheckoutStartingStep {
     SOURCE_CHANGE = "source_change",
-    CONFIRMATION = "confirmation"
+    CONFIRMATION = "confirmation",
+    SELECT_ASSET = "select_asset"
 }
 export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'generateActionsParams' | 'customRecipient' | 'modalTitle' | 'iconSrc' | 'modalTitleMeta' | 'externalCheckoutUserId'> {
     /** List of contract action params **/

package/dist/themes/baseTheme.js

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

package/dist/themes/darkTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-IOMUPAAW.js";
-import "../chunk-IVQ57535.js";
+} from "../chunk-VQOGHHW2.js";
+import "../chunk-7HKC2KCK.js";
 export {
   darkTheme
 };

package/dist/themes/lightTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-N6UWLAUQ.js";
-import "../chunk-IVQ57535.js";
+} from "../chunk-ZAZGUX6Z.js";
+import "../chunk-7HKC2KCK.js";
 export {
   lightTheme
 };

package/dist/wallets/walletConnectors/index.js

@@ -1,13 +1,13 @@
 "use client";
+import {
+  zerionWallet
+} from "./chunk-SULRQO27.js";
 import {
   xdefiWallet
 } from "./chunk-BOU4WKRZ.js";
 import {
   zealWallet
 } from "./chunk-RNBEDQHF.js";
-import {
-  zerionWallet
-} from "./chunk-SULRQO27.js";
 import {
   tahoWallet
 } from "./chunk-ZZZRUXZE.js";
@@ -26,45 +26,45 @@ import {
 import {
   trustWallet
 } from "./chunk-VYBAYMP3.js";
-import {
-  walletConnectWallet
-} from "./chunk-NP5QGWNL.js";
 import {
   uniswapWallet
 } from "./chunk-LH7BMNFZ.js";
 import {
-  phantomWallet
-} from "./chunk-362NXNTM.js";
+  walletConnectWallet
+} from "./chunk-NP5QGWNL.js";
 import {
-  rabbyWallet
-} from "./chunk-BBOM42DL.js";
+  oneInchWallet
+} from "./chunk-OESTDX6I.js";
 import {
   rainbowWallet
 } from "./chunk-2KUBG3S6.js";
 import {
-  roninWallet
-} from "./chunk-NWIQNBJU.js";
+  rabbyWallet
+} from "./chunk-BBOM42DL.js";
 import {
   ramperWallet
 } from "./chunk-BYXPFMI7.js";
 import {
-  safeWallet
-} from "./chunk-BQQQL6UD.js";
+  roninWallet
+} from "./chunk-NWIQNBJU.js";
 import {
   safeheronWallet
 } from "./chunk-RZIO5TFF.js";
+import {
+  safeWallet
+} from "./chunk-BQQQL6UD.js";
 import {
   safepalWallet
 } from "./chunk-NT2HYJKW.js";
 import {
-  mewWallet
-} from "./chunk-OL5ZO7E4.js";
+  metaMaskWallet
+} from "./chunk-2HYNUNAS.js";
 import {
   ledgerWallet
 } from "./chunk-BRBKM4PW.js";
 import {
-  kresusWallet
-} from "./chunk-MJXPRJZT.js";
+  mewWallet
+} from "./chunk-OL5ZO7E4.js";
 import {
   oktoWallet
 } from "./chunk-ADIXAKUL.js";
@@ -74,24 +74,27 @@ import {
 import {
   omniWallet
 } from "./chunk-7CUY5G6R.js";
-import {
-  oneInchWallet
-} from "./chunk-OESTDX6I.js";
 import {
   oneKeyWallet
 } from "./chunk-SHBUZ7U7.js";
+import {
+  phantomWallet
+} from "./chunk-362NXNTM.js";
 import {
   foxWallet
 } from "./chunk-7QONTUXT.js";
 import {
   frameWallet
 } from "./chunk-IFON7E6U.js";
+import {
+  gateWallet
+} from "./chunk-FKJJQNKX.js";
 import {
   frontierWallet
 } from "./chunk-TCAGNB4B.js";
 import {
-  gateWallet
-} from "./chunk-FKJJQNKX.js";
+  kresusWallet
+} from "./chunk-MJXPRJZT.js";
 import {
   imTokenWallet
 } from "./chunk-COZ7MIQS.js";
@@ -99,8 +102,8 @@ import {
   injectedWallet
 } from "./chunk-XWUJE7MW.js";
 import {
-  metaMaskWallet
-} from "./chunk-2HYNUNAS.js";
+  coin98Wallet
+} from "./chunk-OBOVHCEI.js";
 import {
   bybitWallet
 } from "./chunk-2STUC6QL.js";
@@ -111,14 +114,11 @@ import {
   coinbaseWallet
 } from "./chunk-H4IRCEZN.js";
 import {
-  coin98Wallet
-} from "./chunk-OBOVHCEI.js";
+  coreWallet
+} from "./chunk-VR4TBQ6S.js";
 import {
   dawnWallet
 } from "./chunk-HWPKCIBE.js";
-import {
-  coreWallet
-} from "./chunk-VR4TBQ6S.js";
 import {
   enkryptWallet
 } from "./chunk-OLOIXTYS.js";
@@ -128,15 +128,15 @@ import {
 import {
   argentWallet
 } from "./chunk-WSQ2YJO2.js";
+import {
+  bitgetWallet
+} from "./chunk-TDAVGY5F.js";
 import {
   bifrostWallet
 } from "./chunk-A5N6B5UW.js";
 import {
   bitskiWallet
 } from "./chunk-HS3C7OQV.js";
-import {
-  bitgetWallet
-} from "./chunk-TDAVGY5F.js";
 import {
   bitverseWallet
 } from "./chunk-3HZRRP4Y.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "6.0.2",
+  "version": "6.0.3",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -89,12 +89,12 @@
     "ua-parser-js": "^1.0.37",
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.1",
-    "@funkit/api-base": "1.9.11",
-    "@funkit/core": "2.3.35",
-    "@funkit/wagmi-tools": "3.0.57",
-    "@funkit/utils": "1.1.8",
+    "@funkit/api-base": "1.9.12",
+    "@funkit/fun-relay": "1.0.0",
     "@funkit/chains": "0.3.7",
-    "@funkit/fun-relay": "0.1.12"
+    "@funkit/utils": "1.1.8",
+    "@funkit/core": "2.3.36",
+    "@funkit/wagmi-tools": "3.0.58"
   },
   "repository": {
     "type": "git",