@funkit/connect 5.2.1 → 5.3.1

package/dist/components/FunFeatureList/FunFeatureListItem.d.ts

@@ -0,0 +1,10 @@
+import React, { type ReactNode } from 'react';
+import { type BoxProps } from '../Box/Box';
+export interface FunFeatureListItemProps extends BoxProps {
+    text?: ReactNode;
+    tooltip?: ReactNode;
+    value?: string | string[];
+    prefix?: string;
+    icon: ReactNode;
+}
+export declare const FunFeatureListItem: ({ text, tooltip, value, prefix, icon, ...boxProps }: FunFeatureListItemProps) => React.JSX.Element;

package/dist/components/FunGuarantees/FunGuarantees.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
-import type { MeshExchangeType } from '~/consts/mesh';
+export interface FunGuaranteeProps {
+    title: string;
+    description?: string;
+    icon: React.ReactNode;
+}
 interface FunGuaranteesProps {
-    brokerType: MeshExchangeType;
+    guarantees?: FunGuaranteeProps[];
 }
-export declare const FunGuarantees: ({ brokerType }: FunGuaranteesProps) => React.JSX.Element;
+export declare const FunGuarantees: ({ guarantees }: FunGuaranteesProps) => React.JSX.Element;
 export {};

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

@@ -18,10 +18,12 @@ export interface FunInputProps<T = HTMLInputElement> {
     };
     error?: string | boolean;
     alwaysFocused?: boolean;
-    textColor?: BoxProps['color'];
+    /** Color meant for prefix & suffix elements. Defaults to secondaryText. */
+    adornmentColor?: BoxProps['color'];
     textWeight?: BoxProps['fontWeight'];
     overrideBorderWidth?: undefined | BoxProps['borderWidth'];
     overrideBackground?: BoxProps['background'];
     borderRadius?: BoxProps['borderRadius'];
+    isLoading?: boolean;
 }
 export declare const FunInput: React.ForwardRefExoticComponent<FunInputProps<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { FunInputProps } from './FunInput';
-export declare function FunTextAreaInput({ placeholder, value, label, onChange, onKeyDown, onKeySubmit, textColor, inputStyle, inputProps, error, overrideBorderWidth, overrideBackground, }: FunInputProps<HTMLTextAreaElement>): React.JSX.Element;
+export declare function FunTextAreaInput({ placeholder, value, label, onChange, onKeyDown, onKeySubmit, textWeight, inputStyle, inputProps, error, overrideBorderWidth, overrideBackground, isLoading, }: FunInputProps<HTMLTextAreaElement>): React.JSX.Element;

package/dist/components/FunInputButton/FunInputButton.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface FunInputButtonProps {
+    text: string;
+    label?: string;
+    isDisabled?: boolean;
+    isActive?: boolean;
+    isCopyable?: boolean;
+}
+/**
+ * Wrapper around FunOptionBox providing tooltip functionality on click
+ * Should be grouped in FunOptionPill in new DS along with other components utilizing
+ * @see FunOptionBox
+ */
+export declare const FunInputButton: ({ text, label, isDisabled, isActive, isCopyable, }: FunInputButtonProps) => React.JSX.Element;

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

@@ -1 +1 @@
-export declare const funOptionBoxStyle: Record<"defaultBorder" | "defaultBackground" | "activeBackground" | "baseStyle" | "transparentBorder" | "activeBorder" | "disabledOptionBorder", string>;
+export declare const funOptionBoxStyle: Record<"baseStyle" | "defaultBorder" | "transparentBorder" | "activeBorder" | "disabledOptionBorder" | "defaultBackground" | "activeBackground", string>;

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

@@ -1,6 +1,10 @@
 import React, { type ReactNode } from 'react';
-import { PaymentMethod, type PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
+import { PaymentMethod, type PaymentMethodBrokerageInfo, 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 {
     paymentMethodInfo: PaymentMethodBrokerageInfo;
     isSelected: boolean;
@@ -16,6 +20,9 @@ export declare const ConnectedMeshPaymentMethodItem: ({ paymentMethodInfo, isSel
 export declare const AccountBalancePaymentMethodItem: ({ isActive, customValueIcon, onClick, targetChainId, }: BasePaymentMethodItemProps & {
     targetChainId: string;
 }) => React.JSX.Element;
+export declare const ActiveFiatAccountPaymentMethodItem: ({ isActive, onClick, paymentMethodInfo, customValueIcon, }: BasePaymentMethodItemProps & {
+    paymentMethodInfo: PaymentMethodVirtualBankInfo;
+}) => React.JSX.Element;
 type BasePaymentMethodItemProps = {
     isActive: boolean;
     onClick: () => void;

package/dist/components/FunSelect/FunSelect.d.ts

@@ -9,5 +9,8 @@ interface FunSelectProps {
     options: FunSelectOption[];
     onChange: (newValue: string) => void;
 }
+/**
+ * @deprecated Utilize BaseDropdown instead
+ */
 export declare const FunSelect: ({ initValue, options, onChange }: FunSelectProps) => React.JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 export declare const tooltipContainer: string;
 export declare const tooltipStyle: string;
+export declare const tooltipStyleBottom: string;
 export declare const tooltipStyleCenter: string;
 export declare const tooltipStyleRight: string;
 export declare const tooltipStyleLeft: string;

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

@@ -1,4 +1,5 @@
 import React, { type ReactNode } from 'react';
+import { type BoxProps } from '../Box/Box';
 export interface FunTooltipProps {
     content: ReactNode;
     children?: ReactNode;
@@ -14,6 +15,19 @@ export interface FunTooltipProps {
      * right: above children, right
      */
     tooltipPosition?: 'center' | 'left' | 'right';
+    /**
+     * Bottom offset of the tooltip from the children element, by default it is 6px
+     * This is used to adjust the tooltip position when it is rendered in the center
+     */
+    bottomOffset?: boolean;
     maxWidth?: number;
+    /** Whether to display the tooltip on hover or after clicking */
+    displayType?: 'hover' | 'click';
+    /**
+     * Delay after which the tooltip is hidden. Defaults to 150ms
+     * Based on display type the countdown starts immediately ('click') or after no longer hovering ('hover')
+     */
+    hideDelay?: number;
+    width?: BoxProps['width'];
 }
-export declare const FunTooltip: ({ content, children, wrapperElementRef, tooltipPosition, enableDynamicPositioning, maxWidth, }: FunTooltipProps) => React.JSX.Element;
+export declare const FunTooltip: ({ content, children, wrapperElementRef, tooltipPosition, enableDynamicPositioning, bottomOffset, maxWidth, displayType, hideDelay, width, }: FunTooltipProps) => React.JSX.Element;

package/dist/components/FunTransactionSummary/PaymentAmountSummary.d.ts

@@ -1,14 +1,13 @@
 import React from 'react';
+import type { DirectExecutionType } from '@funkit/api-base';
 import type { FunkitCheckoutQuoteResult } from '~/domains/quote';
 import type { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
-import { type FunkitTextCustomizationsConfig, type FunkitUiCustomizationsConfig } from '~/providers/FunkitConfigContext';
 interface PaymentAmountSummaryProps {
     isLoading: boolean;
     targetChainId: string;
     checkoutItem: FunkitActiveCheckoutItem | null;
     quote: FunkitCheckoutQuoteResult | null;
-    textCustomizations: FunkitTextCustomizationsConfig['confirmationScreen'];
-    uiCustomizations: FunkitUiCustomizationsConfig['confirmationScreen'];
+    directExecutionType?: DirectExecutionType | null;
 }
-export declare function PaymentAmountSummary({ isLoading, targetChainId, quote, checkoutItem, textCustomizations, uiCustomizations, }: PaymentAmountSummaryProps): React.JSX.Element;
+export declare function PaymentAmountSummary({ isLoading, targetChainId, quote, checkoutItem, directExecutionType, }: PaymentAmountSummaryProps): React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const CheckIcon: ({ size }: {
-    size?: string;
+    size?: number;
 }) => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const HomeIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

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

@@ -2,4 +2,3 @@ export declare const SpinnerIconClassName: string;
 export declare const SlowRotation: string;
 export declare const SpinnerIconWithBackgroundOuterClassName: string;
 export declare const SpinnerIconWithBackgroundInnerClassName: string;
-export declare const SpinnerIconPathClassName: string;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const BankIcon: ({ size }: {
+    size: number;
+}) => React.JSX.Element;
+export declare const BankIconActive: ({ size }: {
+    size: number;
+}) => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const BanknoteIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CoinsHandIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const FiatAccountIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const LightningBoltOutlineIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ShieldCheckIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const TimeIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const UserIcon: ({ size }: {
+    size: number;
+}) => React.JSX.Element;

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

@@ -1,6 +1,8 @@
 import React from 'react';
 import { type BoxProps } from '../Box/Box';
-/** @deprecated not used in the notifications anymore */
-export declare const SpinnerIconWithBackground: ({ size, }: {
-    size?: BoxProps["width"];
-}) => React.JSX.Element;
+interface SpinnerIconWithBackgroundProps {
+    size?: BoxProps['width'];
+    color?: BoxProps['borderColor'];
+}
+export declare const SpinnerIconWithBackground: ({ size, color, }: SpinnerIconWithBackgroundProps) => React.JSX.Element;
+export {};

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

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare const SuccessIcon: () => React.JSX.Element;
+export declare const SuccessIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const UserSquareIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const VerificationFailedIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const VerificationPendingIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const VerificationSuccessIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const VerifyIdentityIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

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

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

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type Tab<T = string> = {
+    label: string;
+    value: T;
+};
+export type TabsProps = {
+    tabs: Tab[];
+    activeTab: string;
+    onTabChange: (tab: string) => void;
+};
+export declare const Tabs: React.FC<TabsProps>;

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

@@ -4,7 +4,7 @@ export type TextProps = {
     id?: string;
     as?: 'code' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'p' | 'span';
     children?: React.ReactNode;
-    color?: BoxProps['color'];
+    color?: BoxProps['color'] | 'inherit';
     font?: BoxProps['fontFamily'];
     size?: BoxProps['fontSize'];
     style?: React.CSSProperties;

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

@@ -3,8 +3,8 @@ import type { FeeValue } from '~/hooks/useTokenTransfer';
 interface TransferTokenDetailsProps {
     minAmount?: number;
     disabled?: boolean;
-    estPriceImpact: FeeValue;
-    maxSlippage: FeeValue;
+    estPriceImpact: FeeValue | undefined;
+    maxSlippage: FeeValue | undefined;
 }
 export declare const TransferTokenDetails: ({ minAmount, disabled, estPriceImpact, maxSlippage, }: TransferTokenDetailsProps) => React.JSX.Element;
 export {};

package/dist/components/VirtualFiatAccount/CreateAccountScreen/CreateAccountScreen.d.ts

@@ -0,0 +1,15 @@
+import { type BridgeAccount } from '@funkit/api-base';
+import React from 'react';
+export type CreateAccountFormData = Omit<BridgeAccount, 'guid'>;
+interface CreateAccountScreenProps {
+    onNext: (params: {
+        kycLink: string;
+    }) => void;
+    onError: (error: {
+        hasError: true;
+        errorCode: string;
+        rawErrorObject: unknown;
+    }) => void;
+}
+export declare function CreateAccountScreen({ onNext, onError, }: CreateAccountScreenProps): React.JSX.Element;
+export {};

package/dist/components/VirtualFiatAccount/IntroScreen/IntroScreen.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IntroScreenProps {
+    onNext: () => void;
+}
+export declare function IntroScreen({ onNext }: IntroScreenProps): React.JSX.Element;
+export {};

package/dist/components/VirtualFiatAccount/VerifyAccountScreen/VerifyAccountScreen.d.ts

@@ -0,0 +1,15 @@
+import { BridgeCustomerStatus, type BridgeVirtualBankAccount } from '@funkit/api-base';
+import React from 'react';
+interface VerifyAccountScreenProps {
+    customerStatus: BridgeCustomerStatus | undefined;
+    /** Complements customer status - if user has KYC in progress with recoverable errors */
+    isSoftRejected?: boolean;
+    isLoading?: boolean;
+    withActionButton?: boolean;
+    onVirtualFiatCreated?: (account: BridgeVirtualBankAccount) => void;
+    onShowKyc?: () => void;
+    onError?: () => void;
+    onBack?: () => void;
+}
+export declare const VerifyAccountScreen: ({ customerStatus, isSoftRejected, isLoading, withActionButton, onVirtualFiatCreated, onShowKyc, onError, onBack, }: VerifyAccountScreenProps) => React.JSX.Element;
+export {};

package/dist/consts/customers.d.ts

@@ -2,3 +2,4 @@ export declare function isDydxCustomer(apiKey: string): apiKey is "NJq0CGrsE19xB
 export declare function isPolymarketCustomer(apiKey: string): apiKey is "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6";
 export declare function isVertexCustomer(apiKey: string): apiKey is "OQXhzzkLHE2vHAK8nZBS76el5utuw3527RmnYn26";
 export declare function isOstiumCustomer(apiKey: string): apiKey is "SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN";
+export declare function isBankrCustomer(apiKey: string): apiKey is "vWe20Dfyui2ouvfOhtSTY3Czeo8lFdbo5xXQBALZ";

package/dist/consts/quote.d.ts

@@ -13,18 +13,11 @@ export declare const PENDING_QUOTE_MESSAGE_GENERATOR: {
 export declare enum QuoteCustomErrorType {
     INSUFFICIENT_BALANCE_PRE_CHECK = 0,
     INSUFFICIENT_TOKEN_BALANCE_PRE_CHECK = 1,
-    INSUFFICIENT_BALANCE_POST_CHECK = 2
+    INSUFFICIENT_BALANCE_POST_CHECK = 2,
+    INSUFFICIENT_AMOUNT_POST_CHECK = 3
 }
 export declare const QUOTE_CUSTOM_ERROR_STRING_INFO: {
-    0: {
-        check: string;
-        display: string;
-    };
-    1: {
-        check: string;
-        display: string;
-    };
-    2: {
+    [type in QuoteCustomErrorType]: {
         check: string;
         display: string;
     };