@funkit/connect 5.5.6 → 5.5.9

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @funkit/connect
 
+## 5.5.9
+
+### Patch Changes
+
+- cc75e37: add destination chain name
+
+## 5.5.8
+
+### Patch Changes
+
+- 426d791: feat(connect): disable VRTX swaps but keep it listed for direct execution
+- 0432882: fix: fix default currency used after changing payment methods
+- 0436f72: feat(connect): use middle quick option as default amount for meld
+- adcf32d: feat(connect): specifies the minimum value permitted for a token transfer based on flag
+- 1d88c58: feat: resize meld quotes icons
+- 47895b6: feat(connect): hide Learn More links in fee tooltips for Katana
+- b867a06: feat: remove bottom padding from meld currency select screen
+- Updated dependencies [adcf32d]
+  - @funkit/utils@1.1.3
+  - @funkit/api-base@1.9.4
+  - @funkit/core@2.3.26
+  - @funkit/wagmi-tools@3.0.48
+
+## 5.5.7
+
+### Patch Changes
+
+- df4fe59: update transaction
+- 4e1b4d1: hardcode PM users from being blocked
+- 993f2c9: hide unsupported payment method icons
+- Updated dependencies [df4fe59]
+  - @funkit/api-base@1.9.3
+  - @funkit/core@2.3.25
+  - @funkit/wagmi-tools@3.0.47
+
 ## 5.5.6
 
 ### Patch Changes

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

@@ -12,15 +12,17 @@ interface DialogProps {
     isHidden?: boolean;
     /** Whether clicking outside the dialog or pressing escape key would close the modal */
     isSmartCloseable?: boolean;
-    /** Whether internal padding around the content of the modal should be applied */
-    withoutInternalPadding?: boolean;
+    /** Whether side padding around the content of the modal should be applied */
+    withoutSidePadding?: boolean;
+    /** Whether bottom padding around the content of the modal should be applied */
+    withoutBottomPadding?: boolean;
     /** Whether the transition animation should be used on open/close */
     withTransition?: boolean;
 }
 /**
  * Dialog components (title, content, bottom bar) must be rendered as direct children of Dialog for correct scrolling behavior
  */
-export declare function Dialog({ children, onClose, onAnimationComplete, open, titleId, isHidden, isSmartCloseable, withoutInternalPadding, withTransition, }: DialogProps): React.ReactPortal | null;
+export declare function Dialog({ children, onClose, onAnimationComplete, open, titleId, isHidden, isSmartCloseable, withoutSidePadding, withoutBottomPadding, withTransition, }: DialogProps): React.ReactPortal | null;
 export declare namespace Dialog {
     var Title: ({ title, titleMeta, hasCloseButton: hasCloseButtonProp, isCloseDisabled, onClose, hasBackButton: hasBackButtonProp, helpButtonUrl, isBackDisabled, onBack, dydxHideBack, className, }: DialogTitleProps) => React.JSX.Element;
     var Content: ({ children, fullHeight, paddingLeft, paddingBottom, paddingTop, className, withTopDivider, withBottomDivider, id, withoutInternalPadding, ...boxProps }: DialogContentProps) => React.JSX.Element;

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

@@ -4,7 +4,8 @@ export declare const DIALOG_BOTTOM_PADDING = "15";
 export declare const dialog: string;
 export declare const dialogCompact: string;
 export declare const dialogMedium: string;
-export declare const dialogWithoutInternalPadding: string;
+export declare const withoutSidePadding: string;
+export declare const withoutBottomPadding: string;
 export declare const dialogMobile: string;
 export declare const scrollContent: string;
 export declare const scrollbarHidden: string;

package/dist/domains/fees.d.ts

@@ -1,6 +1,7 @@
 import { type CheckoutQuoteResponse } from '@funkit/utils';
 import type { Config } from 'wagmi';
 import { LoginType } from '~/providers/GeneralWalletProvider';
+import type { RelayQuote } from '@funkit/fun-relay';
 import type { FunkitActiveCheckoutItem } from '../providers/FunkitCheckoutContext';
 import { PaymentMethod, type PaymentMethodInfo } from './paymentMethods';
 export interface BrokerageDetails {
@@ -27,6 +28,7 @@ interface WalletCheckoutFees extends BaseCheckoutFees {
     eoaWalletFeeToken: number;
     nativeCurrencySymbol: string;
     eoaWalletFeeUsd: number;
+    relayQuote: RelayQuote['metadata']['relayQuote'] | undefined;
 }
 interface CardCheckoutFees extends BaseCheckoutFees {
     paymentMethod: PaymentMethod.CARD;

package/dist/hooks/queries/useMeldLimits.d.ts

@@ -1,8 +1,164 @@
 /**
- * @param fiatCurrency - fiat currency code used just to enable/disable this hook
  * @returns limits for all fiat currencies
  */
-export declare const useMeldLimits: (fiatCurrency?: string) => import("@tanstack/react-query").UseQueryResult<import("@funkit/api-base").MeldFiatCurrencyLimit[] | undefined, Error>;
+export declare const useMeldLimits: (isEnabled?: boolean) => import("@tanstack/react-query").UseQueryResult<import("@funkit/api-base").MeldFiatCurrencyLimit[] | undefined, Error>;
+export declare const useMeldLimit: (fiatCurrency: string | undefined) => {
+    data: import("@funkit/api-base").MeldFiatCurrencyLimit | undefined;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@funkit/api-base").MeldFiatCurrencyLimit[] | undefined, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@funkit/api-base").MeldFiatCurrencyLimit[] | undefined>;
+} | {
+    data: import("@funkit/api-base").MeldFiatCurrencyLimit | undefined;
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: false;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@funkit/api-base").MeldFiatCurrencyLimit[] | undefined, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@funkit/api-base").MeldFiatCurrencyLimit[] | undefined>;
+} | {
+    data: import("@funkit/api-base").MeldFiatCurrencyLimit | undefined;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@funkit/api-base").MeldFiatCurrencyLimit[] | undefined, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@funkit/api-base").MeldFiatCurrencyLimit[] | undefined>;
+} | {
+    data: import("@funkit/api-base").MeldFiatCurrencyLimit | undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@funkit/api-base").MeldFiatCurrencyLimit[] | undefined, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@funkit/api-base").MeldFiatCurrencyLimit[] | undefined>;
+} | {
+    data: import("@funkit/api-base").MeldFiatCurrencyLimit | undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@funkit/api-base").MeldFiatCurrencyLimit[] | undefined, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@funkit/api-base").MeldFiatCurrencyLimit[] | undefined>;
+} | {
+    data: import("@funkit/api-base").MeldFiatCurrencyLimit | undefined;
+    isError: false;
+    error: null;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@funkit/api-base").MeldFiatCurrencyLimit[] | undefined, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@funkit/api-base").MeldFiatCurrencyLimit[] | undefined>;
+};
 type MeldLimitError = {
     issue: string;
     suggestion: string;

package/dist/hooks/useCheckoutDirectExecution.d.ts

@@ -29,12 +29,14 @@ export interface FunkitDirectExecutionInfo {
 interface UseCheckoutDirectExecutionReturn {
     getDirectExecutionInfo: (checkoutItem: FunkitActiveCheckoutItem | null) => FunkitDirectExecutionInfo;
 }
-export declare function isVertexDirectExecution({ apiKey, config, paymentMethod, sourceAsset, sourceChain, }: {
+export declare function isVertexDirectExecution({ apiKey, config, paymentMethod, sourceAsset, sourceChain, targetAsset, targetChain, }: {
     apiKey: string;
     config: FunkitCheckoutConfig;
     paymentMethod: PaymentMethod | undefined;
     sourceAsset: string;
     sourceChain: string;
+    targetAsset?: string;
+    targetChain?: string;
 }): boolean;
 export declare function useCheckoutDirectExecution(): UseCheckoutDirectExecutionReturn;
 export {};

package/dist/hooks/useReceiveAmountLabel.d.ts

@@ -1,5 +1,5 @@
-import { DirectExecutionType } from '@funkit/api-base';
-export declare function useReceiveAmountLabel({ directExecutionType, isSameToken, }: {
+import type { DirectExecutionType } from '@funkit/api-base';
+export declare function useReceiveAmountLabel(_: {
     directExecutionType?: DirectExecutionType | null;
     isSameToken?: boolean;
 }): string;

package/dist/index.css

@@ -8170,7 +8170,7 @@
   }
 }
 
-/* vanilla-extract-css-ns:src/components/Dialog/DialogContent.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7VVy67aMBDd8xWWuoGFUQiEyw2bqt/QfTWxJ8TCsSPbgaQV/17lQZoXalDVFfIw55yJ58x4+2OX/XQHf78jv1aEpFDQBMUlcSEJ/CArzm3wLrhLQrLzvNu9irXnQ+BVOY/VtuMJE7DrL7zkBc2gTFE5au/CsQTNZqJx/Ajm8U5fUVFnQNkYDc3gglP0yX+BjgU4ytGBkO9CmVaxMCk4odVirN/kCPW8p/3Ja+5ueO5B9u9DDjUkA86FutBIO6fTkHjnXtA0FQ5iEuMm1KM6jtWFEk6A7OkzkGxd95tQsveyYnMe34Nnb8mQ9q3mn7wKvpBzmSFmGD+DF4wLTLKI7lTj9A1NLPWdFiFJBOeozv1oGRLIna5ilhktZQSGXnLn0ITEOogkDv9ru5Ari24oF4b0jtFVuOo22LVWj4BdL0bnilOmpTYhuYFZU2quzdnSVHOQ37q0zSvOroKalwubSSi7Ojp3HBuv/gdd6pI8jZqv0oajoQa4yG2PugqIhnmzrAqHxgkw5Xcs3LCEz7+U8G8f+Jo9TCpvLNSwyLTis/XDsE+xxLox1S/lwiCrFllImJZ5WlvyaeRqtIdGjgb7pVsbc9ulh2I1qh5M0WjpDJhwJfG2viUIFqlQVOdDG/MJDKQk3jYYQYbT5wftknwO1p9h63HjZJJb1FTu0Mq1WnO0X1PkAqrRRFQEFCfr3uL8OJ6yolkd2+FbOn4kCXn0k/w2ae4JGD8CI+h+Cj34Y2gXeawevwFCTYtC5gcAAA== */
+/* vanilla-extract-css-ns:src/components/Dialog/DialogContent.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7WVy66bMBCG9+cpLHWTLBwREpIcsqn6DN1Xgz0EK8ZGtkmgVd694hLKLSpR1RXyMN8/Y3tmvPmxzX66vb/bkl8fhKRQ0ATFJXEhCfwgK86t8S64S0Ky9bzbvbK1633gVT6Pj02nEyZgV194yQuaQZmictTehWMJmvUkxuEYzPNOX1FRZ0DZGA3N4IJT+uS/oGMBjnJ0IOS7KNMqFiYFJ7RazPqNj1DPc9qdvObshusesnsf2ddIBpwLdaGmScY792wS48bUo4IBFWnndDr2OY6TEUo4AbKXDgPJVvX1E0p2Xlasz+Nj8ewtGcq+VQsnr8IXai6rjxnFz+CF4oKaWST3WXP6hiaW+k6LkCSCc1TnvrUMCeROVzbLjJYyAkMvuXNoQmIdRBKH/9pbyJVFNwwXhvSO0VW46jTYtY4eAbtejM4Vp0xLbUJyA7Oi1FybtaWp5iC/dW7rV5pdBrUuFzaTUHZ5dNVxaEr3P8SlLsnTqNmVNhwNNcBFbnvSlUE0yutlWTg0ToApv2PhhinAX1L4tw2+Vg+TqjYWxrDItOKz+UfDe4ol1hdTfSkXBlk110LCtMzTuiSfhVy19rCQ2WBwdKNlbgL1KF5TdWOKJpbOgAlXEm/jW4JgkQpFdT4sY5xgICXxNsEIGXafH7Qz89lYf5qtpx1POrmlpuH2bbg21pzs1xS5gKo1ERUBxcmqNziPh1NWNKNjM3xax28mIY++k986zb0I4zdhhO6m6N4fo53l8fH4DauHSHX1BwAA */
 [data-rk] ._1pzt4231 {
   max-height: 525px;
   max-width: 100vw;
@@ -8197,69 +8197,71 @@
   width: 380px;
 }
 [data-rk] ._1pzt4234 {
-  padding-bottom: 0;
   padding-right: 0;
   padding-left: 0;
 }
-[data-rk] ._1pzt4236 {
+[data-rk] ._1pzt4235 {
+  padding-bottom: 0;
+}
+[data-rk] ._1pzt4237 {
   min-width: initial;
   width: calc(100vw - 30px);
   max-height: 80svh;
 }
-[data-rk] ._1pzt4236:has(#dydx-payment-switcher) {
+[data-rk] ._1pzt4237:has(#dydx-payment-switcher) {
   max-height: 80vh;
   max-height: 80svh;
 }
-[data-rk] ._1pzt4236:has(#token-transfer-page) {
+[data-rk] ._1pzt4237:has(#token-transfer-page) {
   max-height: 80vh;
   max-height: 95svh;
 }
-[data-rk] ._1pzt4236:has(#fiat-detail-page) {
+[data-rk] ._1pzt4237:has(#fiat-detail-page) {
   max-height: 80vh;
   max-height: 95svh;
 }
-[data-rk] ._1pzt4238 {
+[data-rk] ._1pzt4239 {
   overflow-x: hidden;
   overflow-y: auto;
   scrollbar-gutter: stable;
   scrollbar-width: unset;
 }
-[data-rk] ._1pzt4238::-webkit-track {
+[data-rk] ._1pzt4239::-webkit-track {
   background-color: var(--rk-colors-modalBackground);
 }
-[data-rk] ._1pzt4238::-webkit-scrollbar {
+[data-rk] ._1pzt4239::-webkit-scrollbar {
   display: unset;
   width: 6px;
   background-color: var(--rk-colors-modalBackground);
 }
-[data-rk] ._1pzt4238::-webkit-scrollbar-thumb {
+[data-rk] ._1pzt4239::-webkit-scrollbar-thumb {
   border-radius: var(--rk-radii-modal);
   background-color: var(--rk-colors-tertiaryText);
 }
-[data-rk] ._1pzt4239::-webkit-scrollbar-thumb {
+[data-rk] ._1pzt423a::-webkit-scrollbar-thumb {
   background-color: var(--rk-colors-modalBackground);
 }
-[data-rk] ._1pzt4239::-webkit-scrollbar-thumb:hover {
+[data-rk] ._1pzt423a::-webkit-scrollbar-thumb:hover {
   background-color: var(--rk-colors-secondaryText);
 }
-[data-rk] ._1pzt423a {
+[data-rk] ._1pzt423b {
   display: flex;
   flex-direction: column;
   height: 100vh;
 }
-[data-rk] ._1pzt423b {
+[data-rk] ._1pzt423c {
   padding-left: 0;
   padding-right: 0;
 }
-[data-rk] ._1pzt423c {
+[data-rk] ._1pzt423d {
   transition: opacity 0.2s ease-in-out;
 }
-[data-rk] ._1pzt423d {
+[data-rk] ._1pzt423e {
   transition: all 0.5s ease-in-out;
   max-height: 250px;
   overflow: hidden;
 }
-[data-rk] ._1pzt423e {
+[data-rk] ._1pzt423f {
   max-height: 0px;
   transition: all 0.4s ease-out;
   overflow: hidden;