@funkit/connect 5.1.1 → 5.1.3

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { type BoxProps } from '../Box/Box';
 interface BaseDropdownItemProps {
     iconComponent?: React.ReactNode;
-    label: string;
+    label: React.ReactNode;
     id: string;
     onClick?: (id: string) => void;
     isSelected?: boolean;

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

@@ -15,6 +15,7 @@ interface ChainDropdownProps {
     openDropdownBackgroundColor?: BaseDropdownProps['openDropdownBackgroundColor'];
     dropdownItemBackgroundColor?: BaseDropdownProps['dropdownItemBackgroundColor'];
     size?: BaseActiveDropdownItemProps['size'];
+    isLoading?: BaseDropdownProps['isLoading'];
 }
-export declare const ChainDropdown: ({ assets, chainIds: chains, selectedChainId, selectedToken, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, dropdownItemBackgroundColor, openDropdownBoxShadow, }: ChainDropdownProps) => React.JSX.Element;
+export declare const ChainDropdown: ({ assets, chainIds: chains, selectedChainId, selectedToken, allowUnselect, onChainSelected, activeItemProps, size, openDropdownBackgroundColor, dropdownItemBackgroundColor, openDropdownBoxShadow, isLoading, }: ChainDropdownProps) => React.JSX.Element;
 export {};

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

@@ -5,6 +5,7 @@ interface ReceiveTokenDropdownProps {
     tokens: DynamicTargetAssetCandidate[];
     onTokenSelected: (token: DynamicTargetAssetCandidate) => void;
     defaultSelectedToken?: string;
+    label?: string;
 }
-declare const ReceiveTokenDropdown: ({ tokens, chainId, defaultSelectedToken, onTokenSelected, }: ReceiveTokenDropdownProps) => React.JSX.Element;
+declare const ReceiveTokenDropdown: ({ tokens, chainId, defaultSelectedToken, onTokenSelected, label, }: ReceiveTokenDropdownProps) => React.JSX.Element;
 export default ReceiveTokenDropdown;

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

@@ -1,10 +1,12 @@
 import React from 'react';
 import type { TokenTransferSourceChainsAndAssets } from '~/modals/CheckoutModal/TransferToken/TransferToken';
+import { type BaseDropdownProps } from './BaseDropdown';
 interface TokenDropdownProps {
     selectedChainId: number;
     assets: TokenTransferSourceChainsAndAssets;
     onTokenSelected: (token: string, chainId?: number) => void;
     defaultSelectedToken?: string;
+    isLoading?: BaseDropdownProps['isLoading'];
 }
-export declare const TokenDropdown: ({ assets, selectedChainId, defaultSelectedToken, onTokenSelected, }: TokenDropdownProps) => React.JSX.Element;
+export declare const TokenDropdown: ({ assets, selectedChainId, defaultSelectedToken, onTokenSelected, isLoading, }: TokenDropdownProps) => React.JSX.Element;
 export {};

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

@@ -1,9 +1,11 @@
 import React, { type ReactNode } from 'react';
+import { type BoxProps } from '../Box/Box';
 interface FunAlertProps {
     icon?: ReactNode;
     description: ReactNode;
     type?: 'info' | 'error';
     verticalAlignment?: 'top' | 'center';
+    paddingX?: BoxProps['paddingX'];
 }
-export declare function FunAlert({ icon, description, type, verticalAlignment, }: FunAlertProps): React.JSX.Element;
+export declare function FunAlert({ icon, description, type, verticalAlignment, paddingX, }: FunAlertProps): React.JSX.Element;
 export {};

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

@@ -1,14 +1,12 @@
 import React from 'react';
 import type { AssetHoldingsItem } from '~/utils/assets';
-import { type BadgeColors } from '../FunAsset/FunAssetBadge';
 interface FunAssetItemProps {
     asset: AssetHoldingsItem;
     isActive?: boolean;
     isDisabled?: boolean;
-    badgeColors?: BadgeColors;
     badgeText: string | null;
     onClick: () => void;
 }
-export declare const FunAssetItem: ({ asset, isActive, isDisabled, badgeColors, badgeText, onClick, }: FunAssetItemProps) => React.JSX.Element;
+export declare const FunAssetItem: ({ asset, isActive, isDisabled, badgeText, onClick, }: FunAssetItemProps) => React.JSX.Element;
 export declare function FunAssetItemSkeleton(): React.JSX.Element;
 export {};

package/dist/components/FunBadge/FunBadge.d.ts

@@ -1,12 +1,22 @@
 import React from 'react';
 import { type BoxProps } from '../Box/Box';
+import { type TextProps } from '../Text/Text';
 interface FunBadgeProps {
     children: React.ReactNode;
-    paddingX?: BoxProps['paddingX'];
+    paddingLeft?: BoxProps['paddingLeft'];
+    paddingRight?: BoxProps['paddingRight'];
     paddingY?: BoxProps['paddingY'];
-    borderRadius?: BoxProps['borderRadius'];
     background?: BoxProps['background'];
-    color?: BoxProps['color'];
+    borderRadius?: BoxProps['borderRadius'];
+    borderColor?: BoxProps['borderColor'];
+    color?: TextProps['color'];
+    weight?: TextProps['weight'];
+    iconSrc?: string;
+    shadow?: string;
+}
+export declare function FunBadge({ children, background, color, weight, paddingLeft, paddingRight, paddingY, borderRadius, borderColor, shadow, iconSrc, }: FunBadgeProps): React.JSX.Element;
+interface SolanaBadgeProps {
+    withIcon?: boolean;
 }
-export declare function FunBadge({ children, background, color, borderRadius, paddingY, paddingX, }: FunBadgeProps): React.JSX.Element;
+export declare const SolanaBadge: ({ withIcon }: SolanaBadgeProps) => React.JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
-export declare const funLinkButtonStyle: string;
 export declare const transitionStyles: string;
 export declare const pressedStyles: string;
+export declare const accentLinkStyle: string;
+export declare const underlineLinkStyle: string;
 export declare const funButtonClickableStyle: string;
 export declare const funButtonNonClickableStyle: string;
 export declare const funButtonDisabledStyle: string;

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

@@ -1,14 +1,17 @@
 import React from 'react';
 import { type TextProps } from '../Text/Text';
-/**
- * A button that looks like a link. Behavior can be customized with `href` (anchor) or `onClick` (button).
- */
-export declare function FunLinkButton({ color, inline, hasPadding, href, onClick, text, textProps, }: {
-    color?: TextProps['color'];
-    hasPadding?: boolean;
+interface FunLinkButtonProps {
     href?: string;
     inline?: boolean;
     onClick?: () => void;
     text: string;
-    textProps?: Omit<TextProps, 'color'>;
-}): React.JSX.Element;
+    size?: TextProps['size'];
+    weight?: TextProps['weight'];
+    /** Whether link should be distinguished by accent color (with underline displayed after hover) or by underline (with color matching the primary text) */
+    variant?: 'accent' | 'underline';
+}
+/**
+ * A button that looks like a link. Behavior can be customized with `href` (anchor) or `onClick` (button).
+ */
+export declare function FunLinkButton({ inline, href, onClick, text, size, weight, variant, }: FunLinkButtonProps): React.JSX.Element;
+export {};

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

@@ -10,10 +10,11 @@ export interface FunPaymentMethodItemProps {
     keyText: string;
     valueIcon?: ReactNode;
     disclaimerText?: string;
+    badgeText?: string;
     onClick?: () => void;
     isError?: boolean;
     isDisabled?: boolean;
     isActive?: boolean;
 }
-export declare const FunPaymentMethodItem: ({ keyIcon, keyText, valueIcon, disclaimerText, onClick, isError, isDisabled, isActive, }: FunPaymentMethodItemProps) => React.JSX.Element;
+export declare const FunPaymentMethodItem: ({ keyIcon, keyText, valueIcon, disclaimerText, badgeText, onClick, isError, isDisabled, isActive, }: FunPaymentMethodItemProps) => React.JSX.Element;
 export {};

package/dist/components/FunTooltip/FunTooltip.d.ts

@@ -1,7 +1,7 @@
 import React, { type ReactNode } from 'react';
 export interface FunTooltipProps {
-    content: string;
-    children: ReactNode;
+    content: ReactNode;
+    children?: ReactNode;
     wrapperElementRef?: React.RefObject<HTMLDivElement>;
     /** Renders the open tooltip based on available horizontal space, ie. ignoring the `tooltipPosition` prop,
      * if the tooltip were to overflow beyond the boundaries of the provided `wrapperElementRef` element

package/dist/components/Icons/New/PercentageIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PercentageIcon: () => React.JSX.Element;

package/dist/components/Icons/StatusIcons.d.ts

@@ -6,4 +6,5 @@ export declare const CompletedGradientSvg: () => React.JSX.Element;
 export declare const CompletedStatusIcon: ({ size }: IconProps) => React.JSX.Element;
 export declare const FailedGradientSvg: () => React.JSX.Element;
 export declare const FailedStatusIcon: ({ size }: IconProps) => React.JSX.Element;
+export declare const DelayedStatusIcon: ({ size }: IconProps) => React.JSX.Element;
 export {};

package/dist/components/QRCode/QRCodeSkeletonLoader.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 interface QRCodeSkeletonLoaderProps {
     /** Dictates what square will be rendered, eg. diagonalDimension = 4 will render a 4x4 skeleton loader with 4 rows and 4 columns, diagonalDimension = 12 will render a 12x12 skeleton loader with 12 rows and 12 columns */
-    diagonalDimension: number;
+    diagonalDimension?: number;
 }
 declare const QRCodeSkeletonLoader: ({ diagonalDimension, }: QRCodeSkeletonLoaderProps) => React.JSX.Element;
 export default QRCodeSkeletonLoader;

package/dist/components/SolanaDepositAlert/SolanaDepositAlert.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface SolanaDepositAlertProps {
+    onClick: () => void;
+}
+export declare const SolanaDepositAlert: ({ onClick }: SolanaDepositAlertProps) => React.JSX.Element | null;
+export {};

package/dist/components/TransferTokenDetails/TransferTokenDetails.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-import type { PriceImpact } from '~/hooks/useTokenTransfer';
+import type { FeeValue } from '~/hooks/useTokenTransfer';
 interface TransferTokenDetailsProps {
     minAmount?: number;
     disabled?: boolean;
-    priceImpact: PriceImpact;
+    estPriceImpact: FeeValue;
+    maxSlippage: FeeValue;
 }
-export declare const TransferTokenDetails: ({ minAmount, disabled, priceImpact, }: TransferTokenDetailsProps) => React.JSX.Element;
+export declare const TransferTokenDetails: ({ minAmount, disabled, estPriceImpact, maxSlippage, }: TransferTokenDetailsProps) => React.JSX.Element;
 export {};

package/dist/consts/checkout.d.ts

@@ -1,14 +1,16 @@
 export declare enum CheckoutInitStepMessage {
     CONFIRMING = 0,
     PREPARING_DATA = 1,
-    WAITING_FOR_SIGNATURE = 2,
-    WAITING_FOR_CONFIRMATION = 3
+    SWITCH_CHAIN = 2,
+    WAITING_FOR_SIGNATURE = 3,
+    WAITING_FOR_CONFIRMATION = 4
 }
 export declare const CHECKOUT_STEP_MESSAGE: {
     1: string;
     0: string;
     2: string;
     3: string;
+    4: string;
 };
 export declare enum Web3AccountBalanceMessage {
     SIGN_TX = 0,