@funkit/connect 6.4.0 → 6.6.0

package/dist/components/FunCheckoutHistory/FunCheckoutHistoryTransaction.d.ts

@@ -1,4 +1,4 @@
-import type { CheckoutHistoryItem, CheckoutState } from '@funkit/api-base';
+import { type CheckoutHistoryItem, CheckoutState } from '@funkit/api-base';
 import React from 'react';
 interface StatusTagProps {
     state: CheckoutState;

package/dist/components/FunCheckoutHistory/FunCheckoutStatus.d.ts

@@ -2,7 +2,8 @@ import type { CheckoutHistoryItem } from '@funkit/api-base';
 import React from 'react';
 interface FunCheckoutStatusProps {
     checkoutHistoryItem: CheckoutHistoryItem | undefined;
+    isActiveCheckout: boolean;
     onOrderDelayed?: () => void;
 }
-export declare function FunCheckoutStatus({ checkoutHistoryItem, onOrderDelayed, }: FunCheckoutStatusProps): React.JSX.Element;
+export declare function FunCheckoutStatus({ checkoutHistoryItem, isActiveCheckout, onOrderDelayed, }: FunCheckoutStatusProps): React.JSX.Element;
 export {};

package/dist/components/FunCheckoutHistory/FunDirectExecutionHistoryDetail.d.ts

@@ -1,9 +1,9 @@
 import type { DirectExecution } from '@funkit/api-base';
 import React from 'react';
-export declare function FunDirectExecutionHistoryDetail({ bottomBarId, directExecution, includeGenerateActionsParams, onClose, onAnimationComplete, }: {
+export declare function FunDirectExecutionHistoryDetail({ bottomBarId, directExecution, isActiveCheckout, onClose, onAnimationComplete, }: {
     bottomBarId: string;
     directExecution: DirectExecution;
-    includeGenerateActionsParams?: boolean;
+    isActiveCheckout: boolean;
     onClose: (options?: {
         isNewDeposit?: boolean;
     }) => void;

package/dist/components/FunCheckoutHistory/FunDirectExecutionStatus.d.ts

@@ -2,6 +2,7 @@ import type { DirectExecution } from '@funkit/api-base';
 import React from 'react';
 interface FunDirectExecutionStatusProps {
     directExecution: DirectExecution | undefined;
+    isActiveCheckout: boolean;
 }
-export declare function FunDirectExecutionStatus({ directExecution, }: FunDirectExecutionStatusProps): React.JSX.Element;
+export declare function FunDirectExecutionStatus({ directExecution, isActiveCheckout, }: FunDirectExecutionStatusProps): React.JSX.Element;
 export {};

package/dist/components/FunCheckoutHistory/useCustomStatusAnimationAboveTopbar.d.ts

@@ -2,6 +2,8 @@ import React, { type ReactNode } from 'react';
 import type { Address } from 'viem';
 interface CustomStatusAnimationParams {
     depositAddress: Address | undefined;
+    /** Whether this is an active checkout (i.e. not history) */
+    isActiveCheckout: boolean;
     /** Whether status icon is currently shown */
     isCheckoutDetailView: boolean;
     /** Top padding of the scrolling container (required to set the correct position) */
@@ -25,5 +27,5 @@ interface CustomStatusAnimationReturn {
  * Hook for sharing the logic for the custom status icon animation in checkout details. This is very
  * much _not_ generic or intended to be reused anywhere, but the component itself is duplicated.
  */
-export declare function useCustomStatusAnimationAboveTopbar({ depositAddress, isCheckoutDetailView, paddingTop, topbar, withTopDivider, scrollableContent, }: CustomStatusAnimationParams): CustomStatusAnimationReturn;
+export declare function useCustomStatusAnimationAboveTopbar({ depositAddress, isActiveCheckout, isCheckoutDetailView, paddingTop, topbar, withTopDivider, scrollableContent, }: CustomStatusAnimationParams): CustomStatusAnimationReturn;
 export {};

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

@@ -8,7 +8,7 @@ export interface FunInputProps<T = HTMLInputElement | HTMLTextAreaElement> {
     value: string | number | readonly string[] | undefined;
     label?: string;
     onChange: (value: React.ChangeEvent<T>) => void;
-    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement> | React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<T>) => void;
     onKeySubmit?: () => void;
     onPaste?: (e: React.ClipboardEvent<T>) => void;
     onMouseDown?: (e: React.MouseEvent<T>) => void;
@@ -23,12 +23,12 @@ export interface FunInputProps<T = HTMLInputElement | HTMLTextAreaElement> {
     /** Color meant for prefix & suffix elements. Defaults to secondaryText. */
     adornmentColor?: BoxProps['color'];
     textWeight?: BoxProps['fontWeight'];
-    overrideBorderWidth?: undefined | BoxProps['borderWidth'];
+    overrideBorderWidth?: BoxProps['borderWidth'];
     overrideBackground?: BoxProps['background'];
     borderRadius?: BoxProps['borderRadius'];
     isLoading?: boolean;
     /** Allow multiline input. Defaults to false. This option replaces the internal `input` element with a `textarea` element. */
-    allowMultiline?: boolean;
+    allowMultiline?: T extends HTMLInputElement ? false : true;
 }
 export type FunInputChangeEvent = ChangeEvent<HTMLInputElement | HTMLTextAreaElement>;
-export declare const FunInput: React.ForwardRefExoticComponent<FunInputProps<HTMLTextAreaElement | HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+export declare const FunInput: React.ForwardRefExoticComponent<FunInputProps<HTMLTextAreaElement | HTMLInputElement> & React.RefAttributes<HTMLTextAreaElement | HTMLInputElement>>;

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

@@ -1,6 +1,9 @@
 import React from 'react';
+import type { BoxProps } from '../Box/Box';
 interface SpinnerIconProps {
     size?: string | number;
+    backgroundColor?: BoxProps['color'];
+    indicatorColor?: BoxProps['color'];
 }
-export declare const SpinnerIcon: ({ size }: SpinnerIconProps) => React.JSX.Element;
+export declare const SpinnerIcon: ({ size, backgroundColor: _, indicatorColor, }: SpinnerIconProps) => React.JSX.Element;
 export {};

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

@@ -2,7 +2,8 @@ import React from 'react';
 import { type BoxProps } from '../Box/Box';
 interface SpinnerIconWithBackgroundProps {
     size?: BoxProps['width'];
-    color?: BoxProps['borderColor'];
+    indicatorColor?: BoxProps['borderColor'];
+    backgroundColor?: BoxProps['borderColor'];
 }
-export declare const SpinnerIconWithBackground: ({ size, color, }: SpinnerIconWithBackgroundProps) => React.JSX.Element;
+export declare const SpinnerIconWithBackground: ({ size, indicatorColor, backgroundColor, }: SpinnerIconWithBackgroundProps) => React.JSX.Element;
 export {};

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

@@ -1,8 +1,15 @@
-import React from 'react';
-export declare const CompletedGradientSvg: () => React.JSX.Element;
+import React, { type SVGAttributes, type RefObject } from 'react';
 export declare function CompletedStatusIcon(props: StatusIconProps): React.JSX.Element;
 export declare function FailedStatusIcon(props: StatusIconProps): React.JSX.Element;
 export declare function DelayedStatusIcon(props: StatusIconProps): React.JSX.Element;
+export type TransactionIconProps = {
+    type: 'loading' | 'success' | 'merge';
+    pathRef: RefObject<SVGPathElement>;
+} & SVGAttributes<SVGSVGElement>;
+export declare const TransactionIcon: React.ForwardRefExoticComponent<{
+    type: "loading" | "success" | "merge";
+    pathRef: RefObject<SVGPathElement>;
+} & React.SVGAttributes<SVGSVGElement> & React.RefAttributes<unknown>>;
 export type StatusIconProps = {
     animateEntrance?: boolean;
     backgroundSize?: number;

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

@@ -0,0 +1,2 @@
+import type { BoxProps } from '../Box/Box';
+export declare function getCSSVariable(colorName?: BoxProps['color']): string | undefined;

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

@@ -3,10 +3,11 @@ import React from 'react';
 export declare const providerLabelMap: Record<MeldServiceProvider, string>;
 export interface MeldQuoteItemProps {
     isBestQuote?: boolean;
+    bestQuoteLabel?: string;
     quote: MeldQuote | undefined;
     onClick?: () => void;
     isError?: boolean;
     isDisabled?: boolean;
     isActive?: boolean;
 }
-export declare const MeldQuoteItem: ({ quote, isBestQuote, onClick, isDisabled, isActive, }: MeldQuoteItemProps) => React.JSX.Element;
+export declare const MeldQuoteItem: ({ quote, isBestQuote, bestQuoteLabel, onClick, isDisabled, isActive, }: MeldQuoteItemProps) => React.JSX.Element;

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

@@ -5,16 +5,18 @@ interface SourceMeldQuoteItemProps {
     onClick?: () => void;
     isLoading?: boolean;
     isBestQuote?: boolean;
+    bestQuoteLabel?: string;
     isPreselected?: boolean;
     disabled?: boolean;
     error?: string;
 }
-export declare const SourceMeldQuoteItem: ({ quote, onClick, isLoading, isBestQuote, isPreselected, disabled, error, }: SourceMeldQuoteItemProps) => React.JSX.Element;
+export declare const SourceMeldQuoteItem: ({ quote, onClick, isLoading, isBestQuote, bestQuoteLabel, isPreselected, disabled, error, }: SourceMeldQuoteItemProps) => React.JSX.Element;
 interface MeldProviderLabelProps {
     serviceProvider: MeldServiceProvider;
     isBest?: boolean;
+    bestQuoteLabel?: string;
     shouldBuyMore?: boolean;
     hasDocumentUpload?: boolean;
 }
-export declare const MeldProviderLabel: ({ serviceProvider, isBest, shouldBuyMore, hasDocumentUpload, }: MeldProviderLabelProps) => React.JSX.Element;
+export declare const MeldProviderLabel: ({ serviceProvider, isBest, bestQuoteLabel, shouldBuyMore, hasDocumentUpload, }: MeldProviderLabelProps) => React.JSX.Element;
 export {};

package/dist/components/TransactionStatus/TransactionStatus.d.ts

@@ -7,5 +7,8 @@ interface TransactionStatusProps {
     step: CheckoutProgressStep;
     isWithdrawal: boolean;
 }
+export declare function TransactionStatusLoading({ expectedStatus, }: {
+    expectedStatus: TransactionStatusProps['status'];
+}): React.JSX.Element;
 export declare function TransactionStatus({ status, step, isWithdrawal, }: TransactionStatusProps): React.JSX.Element;
 export {};

package/dist/consts/customers.d.ts

@@ -5,3 +5,4 @@ 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 isMonkeyTiltCustomer(apiKey: string): apiKey is "2SrxurU07T2XPDxCAItjj4yYEMXlwV8K2kJB78AX";