@funkit/connect 6.14.4 → 6.14.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @funkit/connect
 
+## 6.14.5
+
+### Patch Changes
+
+- 6becc31: Refactor Meld UI logic into dedicated useMeldUI hook
+- 725878d: feat(connect): do not notify for intermediate multi-step direct executions
+- 9d7d1f1: remove source tab if there is only single source
+- 4c6c74e: if user is hyperdash us user then show only wallet source
+- Updated dependencies [fd171fa]
+- Updated dependencies [725878d]
+  - @funkit/api-base@1.12.6
+  - @funkit/core@2.3.51
+  - @funkit/wagmi-tools@3.0.74
+
 ## 6.14.4
 
 ### Patch Changes

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

@@ -18,11 +18,12 @@ interface DialogProps {
     withoutBottomPadding?: boolean;
     /** Whether the transition animation should be used on open/close */
     withTransition?: boolean;
+    testId?: string;
 }
 /**
  * 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, withoutSidePadding, withoutBottomPadding, withTransition, }: DialogProps): React.ReactPortal | null;
+export declare function Dialog({ children, onClose, onAnimationComplete, open, titleId, isHidden, isSmartCloseable, withoutSidePadding, withoutBottomPadding, withTransition, testId, }: DialogProps): React.ReactPortal | null;
 export declare namespace Dialog {
     var Title: ({ title, titleMeta, hasCloseButton: hasCloseButtonProp, isCloseDisabled, onClose, hasBackButton: hasBackButtonProp, helpButtonUrl, isBackDisabled, onBack, 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/Dropdown/BaseDropdown.d.ts

@@ -35,6 +35,7 @@ export interface BaseDropdownProps {
      * This values should be set so that the last dropdown item is partially visible to indicate that there are more options.
      */
     maxDropdownHeight?: number;
+    testId?: string;
 }
-declare function BaseDropdown({ activeItemProps, value, options, onOptionSelected, onOpen, renderDropdownOption, searchableOptions, searchPlaceholder, placeholder, resetSearchOnClose, openToTopOnMobile, alwaysOpenToTop, openDropdownFullWidth, isLoading, preloadIconUrls, horizontalIconGap, openDropdownBackgroundColor, size, label, maxDropdownHeight, }: BaseDropdownProps): React.JSX.Element;
+declare function BaseDropdown({ activeItemProps, value, options, onOptionSelected, onOpen, renderDropdownOption, searchableOptions, searchPlaceholder, placeholder, resetSearchOnClose, openToTopOnMobile, alwaysOpenToTop, openDropdownFullWidth, isLoading, preloadIconUrls, horizontalIconGap, openDropdownBackgroundColor, size, label, maxDropdownHeight, testId, }: BaseDropdownProps): React.JSX.Element;
 export default BaseDropdown;

package/dist/components/Dropdown/ChainDropdown.d.ts

@@ -22,6 +22,7 @@ interface ChainDropdownProps {
     alwaysOpenToTop?: BaseDropdownProps['alwaysOpenToTop'];
     maxDropdownHeight?: BaseDropdownProps['maxDropdownHeight'];
     tagComponent?: (value: string) => React.ReactNode;
+    testId?: string;
 }
-export declare const ChainDropdown: ({ assets, chainIds: chains, selectedChainId: propSelectedChainId, selectedToken, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, openDropdownFullWidth, isLoading, alwaysOpenToTop, maxDropdownHeight, tagComponent, }: ChainDropdownProps) => React.JSX.Element;
+export declare const ChainDropdown: ({ assets, chainIds: chains, selectedChainId: propSelectedChainId, selectedToken, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, openDropdownFullWidth, isLoading, alwaysOpenToTop, maxDropdownHeight, tagComponent, testId, }: ChainDropdownProps) => React.JSX.Element;
 export {};

package/dist/components/Dropdown/TokenDropdown.d.ts

@@ -17,6 +17,10 @@ interface TokenDropdownProps {
      * Override to hide the new token badge
      */
     hideNewTokenBadge?: boolean;
+    /**
+     * Test ID for the token dropdown
+     */
+    testId?: string;
 }
-export declare const TokenDropdown: ({ assets, selectedChainId, selectedToken, onTokenSelected, isLoading, alwaysOpenToTop, maxDropdownHeight, hideNewTokenBadge, }: TokenDropdownProps) => React.JSX.Element;
+export declare const TokenDropdown: ({ assets, selectedChainId, selectedToken, onTokenSelected, isLoading, alwaysOpenToTop, maxDropdownHeight, hideNewTokenBadge, testId, }: TokenDropdownProps) => React.JSX.Element;
 export {};

package/dist/components/FunAlert/FunAlert.d.ts

@@ -6,6 +6,7 @@ interface FunAlertProps {
     type?: 'info' | 'error';
     verticalAlignment?: 'top' | 'center';
     paddingX?: BoxProps['paddingX'];
+    testId?: string;
 }
-export declare function FunAlert({ icon, description, type, verticalAlignment, paddingX, }: FunAlertProps): React.JSX.Element;
+export declare function FunAlert({ icon, description, type, verticalAlignment, paddingX, testId, }: FunAlertProps): React.JSX.Element;
 export {};

package/dist/components/FunAsset/FunAssetItem.d.ts

@@ -6,7 +6,8 @@ interface FunAssetItemProps {
     isDisabled?: boolean;
     badgeText: string | null;
     onClick: () => void;
+    testId?: string;
 }
-export declare const FunAssetItem: ({ asset, isActive, isDisabled, badgeText, onClick, }: FunAssetItemProps) => React.JSX.Element;
+export declare const FunAssetItem: ({ asset, isActive, isDisabled, badgeText, onClick, testId, }: FunAssetItemProps) => React.JSX.Element;
 export declare function FunAssetItemSkeleton(): React.JSX.Element;
 export {};

package/dist/components/FunButton/FunButton.d.ts

@@ -15,5 +15,6 @@ export interface FunButtonProps {
     textSize?: BoxProps['fontSize'];
     uppercase?: boolean;
     textWeight?: BoxProps['fontWeight'];
+    testId?: string;
 }
-export declare function FunButton({ id, title, customTitleComponent, onClick, isDisabled, type, isLoading, loaderSize, textSize, textWeight, borderRadius, height, uppercase, }: FunButtonProps): React.JSX.Element;
+export declare function FunButton({ id, title, customTitleComponent, onClick, isDisabled, type, isLoading, loaderSize, textSize, textWeight, borderRadius, height, uppercase, testId, }: FunButtonProps): React.JSX.Element;

package/dist/components/FunButton/FunIconButton.d.ts

@@ -38,6 +38,7 @@ export interface FunIconButtonProps extends Pick<BoxProps, 'as' | 'borderRadius'
     isHighlighted?: boolean;
     colorOverrides?: FunIconButtonCustomColors;
     href?: string;
+    testId?: string;
 }
-export declare const FunIconButton: ({ children, onClick, icon, iconVisualWeightCenter, size, width, gap, ariaLabel, color, as, isDisabled, borderRadius, style, variant, colorOverrides, ...props }: FunIconButtonProps) => React.JSX.Element;
+export declare const FunIconButton: ({ children, onClick, icon, iconVisualWeightCenter, size, width, gap, ariaLabel, color, as, isDisabled, borderRadius, style, variant, colorOverrides, testId, ...props }: FunIconButtonProps) => React.JSX.Element;
 export {};

package/dist/components/FunInput/FunInput.d.ts

@@ -29,6 +29,7 @@ export interface FunInputProps<T = HTMLInputElement | HTMLTextAreaElement> {
     isLoading?: boolean;
     /** Allow multiline input. Defaults to false. This option replaces the internal `input` element with a `textarea` element. */
     allowMultiline?: T extends HTMLInputElement ? false : true;
+    testId?: string;
 }
 export type FunInputChangeEvent = ChangeEvent<HTMLInputElement | HTMLTextAreaElement>;
 export declare const FunInput: React.ForwardRefExoticComponent<FunInputProps<HTMLTextAreaElement | HTMLInputElement> & React.RefAttributes<HTMLTextAreaElement | HTMLInputElement>>;

package/dist/components/FunNotification/FunNotification.d.ts

@@ -5,6 +5,7 @@ interface FunNotificationProps {
     actionText?: string;
     onAction?: () => void;
     isVisible?: boolean;
+    testId?: string;
 }
 export type FunNotificationType = 'default' | 'error' | 'warning' | 'hint';
 export interface ErrorNotification {
@@ -15,5 +16,5 @@ export interface ErrorNotification {
  * A notification/message component with height resizing animation.
  * Control visibility by enabling/disabling `isVisible` prop instead of doing an outer conditional rendering.
  */
-export declare function FunNotification({ type, description, actionText, onAction, isVisible: isVisibleProps, }: FunNotificationProps): React.JSX.Element;
+export declare function FunNotification({ type, description, actionText, onAction, isVisible: isVisibleProps, testId, }: FunNotificationProps): React.JSX.Element;
 export {};

package/dist/components/FunPaymentMethodItem/FunPaymentMethodItem.d.ts

@@ -3,8 +3,9 @@ import { type BoxProps } from '../Box/Box';
 interface PaymentMethodWrapperProps extends Pick<FunPaymentMethodItemProps, 'isActive' | 'isDisabled' | 'onClick'> {
     children: ReactNode;
     paddingY?: BoxProps['paddingY'];
+    testId?: string;
 }
-export declare const PaymentMethodWrapper: ({ paddingY, isActive, isDisabled, onClick, children, }: PaymentMethodWrapperProps) => React.JSX.Element;
+export declare const PaymentMethodWrapper: ({ paddingY, isActive, isDisabled, onClick, children, testId, }: PaymentMethodWrapperProps) => React.JSX.Element;
 export interface FunPaymentMethodItemProps {
     keyIcon?: ReactNode;
     keyText: string;
@@ -15,6 +16,7 @@ export interface FunPaymentMethodItemProps {
     isError?: boolean;
     isDisabled?: boolean;
     isActive?: boolean;
+    testId?: string;
 }
-export declare const FunPaymentMethodItem: ({ keyIcon, keyText, valueIcon, disclaimerText, badge, onClick, isError, isDisabled, isActive, }: FunPaymentMethodItemProps) => React.JSX.Element;
+export declare const FunPaymentMethodItem: ({ keyIcon, keyText, valueIcon, disclaimerText, badge, onClick, isError, isDisabled, isActive, testId, }: FunPaymentMethodItemProps) => React.JSX.Element;
 export {};

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

@@ -10,18 +10,21 @@ interface ConnectedPaymentMethodItemProps {
     showSelectedCheckmark?: boolean;
     onSelect: () => void;
     targetChainId: string;
+    testId?: string;
 }
-export declare const AccountBalancePaymentMethodItem: ({ isSelected, showSelectedCheckmark, onSelect, targetChainId, }: ConnectedPaymentMethodItemProps) => React.JSX.Element;
-export declare const ActiveFiatAccountPaymentMethodItem: ({ isActive, onClick, paymentMethodInfo, customValueIcon, }: BasePaymentMethodItemProps & {
+export declare const AccountBalancePaymentMethodItem: ({ isSelected, showSelectedCheckmark, onSelect, targetChainId, testId, }: ConnectedPaymentMethodItemProps) => React.JSX.Element;
+export declare const ActiveFiatAccountPaymentMethodItem: ({ isActive, onClick, paymentMethodInfo, customValueIcon, testId, }: BasePaymentMethodItemProps & {
     paymentMethodInfo: PaymentMethodVirtualBankInfo;
+    testId?: string;
 }) => React.JSX.Element;
 type BasePaymentMethodItemProps = {
     isActive: boolean;
     onClick: () => void;
     isClickable?: boolean;
     customValueIcon?: ReactNode;
+    testId?: string;
 };
-export declare function AddPaymentMethodItem({ paymentMethod, isClickable, isActive, onClick, customValueIcon, }: BasePaymentMethodItemProps & {
+export declare function AddPaymentMethodItem({ paymentMethod, isClickable, isActive, onClick, customValueIcon, testId, }: BasePaymentMethodItemProps & {
     paymentMethod: PaymentMethod;
     dynamicLimit?: string;
 }): React.JSX.Element | null | undefined;

package/dist/components/MeldQuoteItem/MeldQuoteItem.d.ts

@@ -9,5 +9,6 @@ export interface MeldQuoteItemProps {
     isError?: boolean;
     isDisabled?: boolean;
     isActive?: boolean;
+    testId?: string;
 }
-export declare const MeldQuoteItem: ({ quote, isBestQuote, bestQuoteLabel, onClick, isDisabled, isActive, }: MeldQuoteItemProps) => React.JSX.Element;
+export declare const MeldQuoteItem: ({ quote, isBestQuote, bestQuoteLabel, onClick, isDisabled, isActive, testId, }: MeldQuoteItemProps) => React.JSX.Element;

package/dist/components/SourceMeldQuoteItem/SourceMeldQuoteItem.d.ts

@@ -9,8 +9,9 @@ interface SourceMeldQuoteItemProps {
     isPreselected?: boolean;
     disabled?: boolean;
     error?: string;
+    testId?: string;
 }
-export declare const SourceMeldQuoteItem: ({ quote, onClick, isLoading, isBestQuote, bestQuoteLabel, isPreselected, disabled, error, }: SourceMeldQuoteItemProps) => React.JSX.Element;
+export declare const SourceMeldQuoteItem: ({ quote, onClick, isLoading, isBestQuote, bestQuoteLabel, isPreselected, disabled, error, testId, }: SourceMeldQuoteItemProps) => React.JSX.Element;
 interface MeldProviderLabelProps {
     serviceProvider: MeldServiceProvider;
     isBest?: boolean;

package/dist/components/SourcePaymentMethodItem/SourcePaymentMethodItem.d.ts

@@ -3,6 +3,7 @@ import { PaymentMethod } from '~/domains/paymentMethods';
 import { type FunPaymentMethodItemProps } from '../FunPaymentMethodItem/FunPaymentMethodItem';
 interface SourcePaymentMethodItemProps extends Omit<FunPaymentMethodItemProps, 'valueIcon'> {
     type: PaymentMethod;
+    testId?: string;
 }
-export declare const SourcePaymentMethodItem: ({ keyIcon, keyText, disclaimerText, onClick, isError, isDisabled, isActive, type, }: SourcePaymentMethodItemProps) => React.JSX.Element;
+export declare const SourcePaymentMethodItem: ({ keyIcon, keyText, disclaimerText, onClick, isError, isDisabled, isActive, type, testId, }: SourcePaymentMethodItemProps) => React.JSX.Element;
 export {};

package/dist/components/Text/Text.d.ts

@@ -14,5 +14,6 @@ export type TextProps = {
     textAlign?: BoxProps['textAlign'];
     display?: BoxProps['display'];
     testId?: string;
+    title?: string;
 };
 export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;

package/dist/consts/customers.d.ts

@@ -5,5 +5,6 @@ export declare function isBsxCustomer(apiKey: string): apiKey is "zN1zrkmLQn4oZt
 export declare function isEtherealCustomer(apiKey: string): apiKey is "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um";
 export declare function isKatanaCustomer(apiKey: string): apiKey is "OXLUmejkh9PlNDS4gSvi9gcEWacOpTz2KUVepVf4";
 export declare function isHyperbeatCustomer(apiKey: string): apiKey is "lUzTaIRxs95iin3pCAafB1ChA5akBiuQ1tjhXnau";
+export declare function isHyperdashCustomer(apiKey: string): apiKey is "di9ZSqn1Ya68Y2XpBPUV1rCtNGXh8Xe5MGWzb1Xe";
 export declare function isMonkeyTiltCustomer(apiKey: string): apiKey is "2SrxurU07T2XPDxCAItjj4yYEMXlwV8K2kJB78AX";
 export declare function isBasedCustomer(apiKey: string): apiKey is "clDebbfo9edXq1GydZ0CahSAfSimPj616lFa9p8e";

package/dist/hooks/useCheckoutAccountBalanceTransfer.d.ts

@@ -14,7 +14,6 @@ export declare function useCheckoutAccountBalanceTransfer(): {
             bypassInit: boolean;
             apiKey?: string;
             nonce?: bigint | undefined;
-            logger?: import("@funkit/api-base").Logger | undefined;
             fee?: {
                 token?: string;
                 amount?: number;
@@ -22,6 +21,7 @@ export declare function useCheckoutAccountBalanceTransfer(): {
                 recipient: import("viem").Address;
             } | undefined;
             skipDBAction?: boolean | undefined;
+            logger?: import("@funkit/api-base").Logger | undefined;
         };
     } | {
         rFunWallet: null;

package/dist/hooks/useIsUsUser.d.ts

@@ -1,3 +1,4 @@
 export declare function useIsUsUser(): boolean;
 export declare function useIsUsBankrUser(): boolean;
 export declare function useIsUsKatanaUser(): boolean;
+export declare function useIsUsHyperdashUser(): boolean;