@funkit/connect 6.0.1 → 6.0.3

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # @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
+
+- 3de98c8: add ipLocation feature flag
+- 9069cc7: hyperbeat dark theme border set
+- e45077e: fix(connect): bug fix on tooltip
+- a31784b: show loading when user switches
+- 11d8dec: feat(connect): fix Safari popup issue by opening window immediately and setting URL async
+- a979dd1: feat(connect): adjust Katana High Cost banner
+- 2dd4ee5: feat(connect): adjust auto-picking of meld provider quotes based on amount relation
+- f4e5d31: remove new user logic
+- a7e8276: Remove obsolete EtherFi API key and integration components
+
+  This removes all EtherFi-related code including API keys, theme components, customer functions, and UI customizations. The EtherFi integration was marked as obsolete and has been completely removed from the codebase.
+
+  **Breaking Changes:**
+
+  - Removed `ETHERFI_API_KEY` constant from `@funkit/api-base`
+  - Removed `isEtherFiCustomer` function from `@funkit/connect`
+  - Removed `EtherFiIcon` component from `@funkit/connect`
+  - Removed EtherFi theme and configuration options
+  - Cleaned up EtherFi-specific UI logic from checkout modals
+
+- 2bcc68e: preferDestinationWhenSame: when source and destination are the same address, show destination as payment method instead of source
+- a27a6e8: feat(connect): adjust modal bottom padding for Hyperbeat
+- ceb2b3a: fix(connect): inaccurate total time estimate
+- Updated dependencies [f5db915]
+- Updated dependencies [a7e8276]
+  - @funkit/chains@0.3.7
+  - @funkit/api-base@1.9.11
+  - @funkit/core@2.3.35
+  - @funkit/wagmi-tools@3.0.57
+
 ## 6.0.0
 
 ### Major 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/components/Dialog/hooks.d.ts

@@ -1,9 +1,20 @@
+export declare const MODAL_BOTTOM_BAR_WRAPPER_ID = "fun-modal-bottom-bar-wrapper";
 export declare const MODAL_BOTTOM_BAR_IDS: {
     readonly checkout: "checkout-modal-bottom-bar";
     readonly withdrawal: "withdrawal-modal-bottom-bar";
 };
+export declare const MODAL_DIVIDER_ID = "fun-modal-divider";
 type ModalBottomBarIdType = keyof typeof MODAL_BOTTOM_BAR_IDS;
 export declare function useBottomSectionRef(modalBottomBarIdType?: ModalBottomBarIdType): HTMLElement | null;
 export declare const CHECKOUT_MODAL_TITLE_COUNTDOWN_ID = "checkout-modal-title-countdown";
 export declare function useTitleCountdownRef(): HTMLElement | null;
+export declare function useGeneralBottomBarElement(): HTMLElement | null;
+export declare function useCheckoutBottomBarElement(): HTMLElement | null;
+export declare function useWithdrawalBottomBarElement(): HTMLElement | null;
+/**
+ * Hook to observe if a ref's children are empty, with special handling for bottom bar nodes.
+ * @param ref - React ref to the DOM node to observe
+ * @param setHasNoChildren - Setter to update if the node has no children
+ */
+export declare function useBottomBarHasNoChildren(): boolean;
 export {};

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

@@ -1,7 +1,7 @@
 import React from 'react';
 export type InfoBannerProps = {
-    /** Contents of the banner, supports HTML markup for more structured announcements (eg. link to a blogpost) */
-    message: string;
+    /** Contents of the banner, supports HTML markup for more structured announcements (eg. link to a blogpost) or a `ReactNode` for more complex content with React components */
+    message: string | React.ReactNode;
     type: 'warning' | 'alert' | 'announcement';
     expireAtMs?: number;
 };

package/dist/components/FunPayments/FunPaymentMethods.d.ts

@@ -1,19 +1,10 @@
 import React, { type ReactNode } from 'react';
-import { PaymentMethod, type PaymentMethodBrokerageInfo, type PaymentMethodVirtualBankInfo } from '../../domains/paymentMethods';
+import { PaymentMethod, type PaymentMethodVirtualBankInfo } from '../../domains/paymentMethods';
 export declare const getDynamicValueIconComponent: () => React.JSX.Element;
 export declare function PaymentMethodIcon({ paymentIcon, keyIconSize, }: {
     paymentIcon: ReactNode;
     keyIconSize: number;
 }): React.JSX.Element;
-interface ConnectedMeshPaymentMethodItemProps extends ConnectedPaymentMethodItemProps {
-    paymentMethodInfo: PaymentMethodBrokerageInfo;
-    onBrokerageError?: () => void;
-}
-/** it is different from BrokeragePaymentMethodItem
- * this component is for connected mesh brokerage like robinhood
- * the other one is for connecting new brokerage button
- * */
-export declare const ConnectedMeshPaymentMethodItem: ({ paymentMethodInfo, isSelected, onSelect, onBrokerageError, targetChainId, showSelectedCheckmark, }: ConnectedMeshPaymentMethodItemProps) => React.JSX.Element;
 interface ConnectedPaymentMethodItemProps {
     isSelected: boolean;
     showSelectedCheckmark?: boolean;
@@ -33,5 +24,5 @@ type BasePaymentMethodItemProps = {
 export declare function AddPaymentMethodItem({ paymentMethod, isClickable, isActive, onClick, customValueIcon, }: BasePaymentMethodItemProps & {
     paymentMethod: PaymentMethod;
     dynamicLimit?: string;
-}): React.JSX.Element | undefined;
+}): React.JSX.Element | null | undefined;
 export {};

package/dist/consts/customers.d.ts

@@ -5,5 +5,4 @@ export declare function isBankrCustomer(apiKey: string): apiKey is "vWe20Dfyui2o
 export declare function isBsxCustomer(apiKey: string): apiKey is "zN1zrkmLQn4oZtLUW9Qt02uuBI3Jvrgj8Ni40Gf1";
 export declare function isEtherealCustomer(apiKey: string): apiKey is "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um";
 export declare function isKatanaCustomer(apiKey: string): apiKey is "OXLUmejkh9PlNDS4gSvi9gcEWacOpTz2KUVepVf4";
-export declare function isEtherFiCustomer(apiKey: string): apiKey is "GyJMyQ3juDarKooebGRu16Ncogwhm59h2DIjCu1p";
 export declare function isHyperbeatCustomer(apiKey: string): apiKey is "lUzTaIRxs95iin3pCAafB1ChA5akBiuQ1tjhXnau";

package/dist/domains/fees.d.ts

@@ -1,4 +1,4 @@
-import { type CheckoutQuoteResponse } from '@funkit/utils';
+import type { CheckoutQuoteResponse } from '@funkit/utils';
 import type { Config } from 'wagmi';
 import { LoginType } from '~/providers/GeneralWalletProvider';
 import type { FunkitActiveCheckoutItem } from '../providers/FunkitCheckoutContext';
@@ -48,8 +48,7 @@ interface EvaluateFeeBreakdownItem {
     loginType: LoginType;
     isWithdrawal?: boolean;
 }
-export declare function evaluateFeeBreakdown(evalItem: EvaluateFeeBreakdownItem, enableFrogProxyServer?: boolean): Promise<{
+export declare function evaluateFeeBreakdown(evalItem: EvaluateFeeBreakdownItem): Promise<{
     fees: CheckoutFees;
-    brokerage?: BrokerageDetails;
 }>;
 export {};

package/dist/domains/meld.d.ts

@@ -1,10 +1,11 @@
 import { type MeldQuote } from '@funkit/api-base';
 /**
  * Auto-pick the best quote for the user.
- * 1. Pick the quote with the highest customerScore, at least >= 30
+ * 1. If a quote has a customerScore >= 30, pick it
  * 2. If no quote has customerScore >= 30, pick either Coinbase or Binance
- *    2a. If both are available, pick the one with the highest destinationAmount
- *    2b. If only one is available, pick it
+ *    2a. If both are available and they are at least 96% of the highest destinationAmount, pick the one with the best customerScore
+ *      2aa. If they're have the same customerScore, pick the one with the highest destinationAmount
+ *    2b. If both are available and they are less than 96% of the highest destinationAmount, pick the one with the highest destinationAmount
  * 3. If no quote has customerScore >= 30 and no Coinbase or Binance is available, pick the quote with the highest destinationAmount
  * @param quotes - the quotes to pick from
  * @returns the best quote based on the criteria

package/dist/domains/paymentMethods.d.ts

@@ -1,4 +1,4 @@
-import type { BridgeCustomer, BridgeVirtualBankAccount, PreviewTransferResult } from '@funkit/api-base';
+import type { BridgeCustomer, BridgeVirtualBankAccount } from '@funkit/api-base';
 import type { MeshConnectionInfo } from '~/providers/FunkitMeshProvider';
 /** Supported payment methods in FunkitConnect. **/
 export declare enum PaymentMethod {
@@ -11,12 +11,6 @@ export declare enum PaymentMethod {
     TOKEN_TRANSFER = "token_transfer",
     VIRTUAL_BANK = "virtual_bank"
 }
-type MeshMeta = MeshConnectionInfo & {
-    networkId?: string;
-    previewResult?: PreviewTransferResult & {
-        previewExpiresAt: number;
-    };
-};
 /** Full payment method information used in frontend during payment flows. **/
 interface PaymentMethodInfoBase {
     description: string;
@@ -28,7 +22,6 @@ export interface PaymentMethodCardInfo extends PaymentMethodInfoBase {
 }
 export interface PaymentMethodBrokerageInfo extends PaymentMethodInfoBase {
     paymentMethod: PaymentMethod.BROKERAGE;
-    meta: MeshMeta;
 }
 export interface PaymentMethodAccountInfo extends PaymentMethodInfoBase {
     paymentMethod: PaymentMethod.ACCOUNT_BALANCE;

package/dist/domains/quote.d.ts

@@ -11,7 +11,7 @@ export interface FunkitCheckoutQuoteResult extends Omit<ApiFunkitCheckoutQuoteRe
     finalFeesBreakdown: CheckoutFees;
 }
 export declare function getCheckoutBaseQuote(checkoutItem: FunkitActiveCheckoutItem, userId: string, walletAddress: Address, apiKey: string, sponsorInitialTransferGasLimit: number, wagmiConfig: Config, directExecutionInfo: FunkitDirectExecutionInfo, senderAddress?: Address, isWithdrawal?: boolean): Promise<CheckoutQuoteResponse>;
-export declare function getQuoteFinalEstimation(baseQuote: CheckoutQuoteResponse, checkoutItem: FunkitActiveCheckoutItem, newPaymentMethodInfo: PaymentMethodInfo, wagmiConfig: Config, apiKey: string, loginType: LoginType, enableFrogProxyServer?: boolean, isWithdrawal?: boolean): Promise<{
+export declare function getQuoteFinalEstimation(baseQuote: CheckoutQuoteResponse, checkoutItem: FunkitActiveCheckoutItem, newPaymentMethodInfo: PaymentMethodInfo, wagmiConfig: Config, apiKey: string, loginType: LoginType, isWithdrawal?: boolean): Promise<{
     finalEstimation: FunkitCheckoutQuoteResult;
     brokerage?: BrokerageDetails;
 }>;
@@ -31,7 +31,6 @@ export interface CheckoutQuoteParams {
     newPaymentMethodInfo: PaymentMethodInfo;
     wagmiConfig: Config;
     loginType: LoginType;
-    enableFrogProxyServer?: boolean;
     directExecutionInfo: FunkitDirectExecutionInfo;
     /** when sender address is different from wallet address
      *  this happens when withdrawing from a different wallet
@@ -39,7 +38,7 @@ export interface CheckoutQuoteParams {
     senderAddress?: Address;
     isWithdrawal?: boolean;
 }
-export declare function getQuoteAndEstimation({ checkoutItem, userId, walletAddress, apiKey, sponsorInitialTransferGasLimit, newPaymentMethodInfo, wagmiConfig, loginType, enableFrogProxyServer, directExecutionInfo, senderAddress, isWithdrawal, }: CheckoutQuoteParams): Promise<{
+export declare function getQuoteAndEstimation({ checkoutItem, userId, walletAddress, apiKey, sponsorInitialTransferGasLimit, newPaymentMethodInfo, wagmiConfig, loginType, directExecutionInfo, senderAddress, isWithdrawal, }: CheckoutQuoteParams): Promise<{
     baseQuote: CheckoutQuoteResponse;
     checkedAssetAmount: CheckedAssetAmount;
     finalEstimation: FunkitCheckoutQuoteResult;

package/dist/hooks/usePaymentSources.d.ts

@@ -5,7 +5,6 @@ export declare function usePaymentMethodEnablement({ checkoutConfig, }: {
 }): {
     isFiatEnabled: boolean;
     isTokenTransferEnabled: boolean;
-    isBrokerageEnabled: boolean;
     isCardEnabled: boolean;
 };
 export declare const usePaymentSources: (paymentMethodInfo: ConnectablePaymentMethodInfo | null, targetChainId: string, checkoutConfig?: FunkitCheckoutConfig) => {

package/dist/index.css

@@ -8990,14 +8990,6 @@
   opacity: 0;
 }
 
-/* vanilla-extract-css-ns:src/components/FunSelectBrokerage/FunBrokerageItem.css.ts.vanilla.css?source=LmFuMzR5OTAgewogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleDogMTsKfQ== */
-[data-rk] .an34y90 {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex: 1;
-}
-
 /* vanilla-extract-css-ns:src/components/FunOptionBox/FunOptionBox.css.ts.vanilla.css?source=Ll8xcmZjbHVoMCB7CiAgb3V0bGluZTogbm9uZTsKICB0cmFuc2l0aW9uOiBhbGwgMTUwbXMgY3ViaWMtYmV6aWVyKDAuMywgMCwgMC4wNiwgMSk7Cn0KLl8xcmZjbHVoMDpmb2N1cyB7CiAgb3V0bGluZTogbm9uZTsKfQ== */
 [data-rk] ._1rfcluh0 {
   outline: none;
@@ -9196,6 +9188,20 @@
   overflow-x: hidden;
 }
 
+/* vanilla-extract-css-ns:src/components/FunPayments/FunPaymentMoonpayType.css.ts.vanilla.css?source=Ll8xa21wZXlmMCB7CiAgaGVpZ2h0OiB1bnNldCAhaW1wb3J0YW50OwogIHdpZHRoOiB1bnNldCAhaW1wb3J0YW50OwogIGZsZXg6IDEgIWltcG9ydGFudDsKfQouXzFrbXBleWYwIGlmcmFtZSB7CiAgYm9yZGVyOiBub25lOwp9Ci5fMWttcGV5ZjEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleDogMTsKfQ== */
+[data-rk] ._1kmpeyf0 {
+  height: unset !important;
+  width: unset !important;
+  flex: 1 !important;
+}
+[data-rk] ._1kmpeyf0 iframe {
+  border: none;
+}
+[data-rk] ._1kmpeyf1 {
+  display: flex;
+  flex: 1;
+}
+
 /* vanilla-extract-css-ns:src/components/CopyAddress/CopyInputDisplayedAddress.css.ts.vanilla.css?source=#H4sIAAAAAAAAE81WXavbOBB9v79iKFxIwDJyUqe97ktp90e0+7LI8jgRkSUjKfcmXe5/L5LtxLLTNN2FUgKx9TEzZ2aOj/Rxj6fasAYt/JPty28onhD+fQCgj+EB4AxTttamIdqIrVAF5PQR6OOHeLXoXiVz+HVBl2C0Yw6/LGiF2yVYziQusmVnpFvGhTsVkPnx6wNAlg/h5msbOluj6dvOUy2kQ1NAKQ9msWqPy7ND+r8S2NDHSwpkPU4i3UyzoFewbM5YXh8+zmtc9zVORplfx+kTuYWURFDvQerL835e0+zu0v0M0i92//UhHcqyDnH1wUmhkHAttSngmZkFIWbfjS1h3AmtPvvBX8KyUmIVPJfaVGhIqZ3TDZFYO2JYJQ525MJPCMK1Usjdp4NzWl2xNWK7+wXjkLrwoApgUkKW08YCP5SCkxK/CTQLmq4ToAnQlG4S8JUYZf02ZE0I3yHfE8G1IhVKdiogzXL7YbbG7I7ourboCt+L2YZubfBBg4dWDwgNSubEM/rZF1G5XQHZpj364Q594pdxJWwbfGyNqIIXyTgS4bCxBXBUDk2cSVGUWGvTSQjXyqFyBbx5E0NgpdXy4AIEp9sCVl0837PzoMf2FEPrh32/hhathtkjsTtW6ZcChLLogIZflubtEfjBGFQuEGfatjORIV3lNumC9+9d6H4QBQ5zsauh6h1pph2d0IU40Qi1JfVB8Q7HhDSrPFAmECenCWQppctpxVnt0NxfcNMV8lwyz/jfV3QuRUta5oO0Wp62Wnmp9J9GkJ3h6f8S76R/btpj4v9g0NW5Mp3tftbbXn/+gObloWsjER3pdrTNFyzstc7oPQYJGBRgDvaiD6GaAffIkBnjk8xoV+xk0JB+S0+BVZpPCzkLDul6pnM/yPquMo+FKy7B5opEjmVwdUUGI/27IZDpysaxIhEbJHLt6RyJ5Hlm8l2862avnY0Lkr7LPZW753Ia9/Ipz0jRFXF8ko9M319srpJ+dhiNmkRnTZqA/nsxoe3TFOF565fFirbH5Q1bFmyvn0bn40aocP7XEo+RcXnDuEVjW+R+GLg9aQKx7iSxgNagRfOMZF1FrnlwPUVQSs333g9TomGBu4o1OFA3nk1AaYXLeHtE9cl0AtROtx8M63KjgzxdFv+j4Ixd1EJK0ugKC6i1eWGmshGtpjj7hdmVpfohBe65kd6+Vt64J9DLLYHehzvQ7zsc4XsT5QwAAA== */
 @keyframes _1kbzei9e {
   0% {
@@ -9342,20 +9348,6 @@
   opacity: var(--animation-opacity, 0);
 }
 
-/* vanilla-extract-css-ns:src/components/FunPayments/FunPaymentMoonpayType.css.ts.vanilla.css?source=Ll8xa21wZXlmMCB7CiAgaGVpZ2h0OiB1bnNldCAhaW1wb3J0YW50OwogIHdpZHRoOiB1bnNldCAhaW1wb3J0YW50OwogIGZsZXg6IDEgIWltcG9ydGFudDsKfQouXzFrbXBleWYwIGlmcmFtZSB7CiAgYm9yZGVyOiBub25lOwp9Ci5fMWttcGV5ZjEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleDogMTsKfQ== */
-[data-rk] ._1kmpeyf0 {
-  height: unset !important;
-  width: unset !important;
-  flex: 1 !important;
-}
-[data-rk] ._1kmpeyf0 iframe {
-  border: none;
-}
-[data-rk] ._1kmpeyf1 {
-  display: flex;
-  flex: 1;
-}
-
 /* vanilla-extract-css-ns:src/components/FunFeatureList/FunFeatureList.css.ts.vanilla.css?source=Ll8xMDQ1cXI3MSB7CiAgb3V0bGluZS1jb2xvcjogdmFyKC0tcmstY29sb3JzLWFjdGlvbkNvbG9yRGlzYWJsZWQpOwogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKfQ== */
 [data-rk] ._1045qr71 {
   outline-color: var(--rk-colors-actionColorDisabled);