@funkit/connect 5.0.10 → 5.1.1

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

@@ -5,4 +5,10 @@ interface FunRedirectButtonProps extends Omit<FunIconButtonProps, 'icon'> {
     to: string;
 }
 export declare const FunRedirectButton: ({ to, size, paddingX, paddingY, icon, ...buttonProps }: FunRedirectButtonProps) => React.JSX.Element;
+interface AddressRedirectButtonProps {
+    chainId: string;
+    address: string;
+    customRedirectUrl?: string;
+}
+export declare const AddressRedirectButton: ({ chainId, address, customRedirectUrl, }: AddressRedirectButtonProps) => React.JSX.Element;
 export {};

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

@@ -3,7 +3,6 @@ import { HistoryContentPages } from '../../utils/checkoutHistory';
 interface FunCheckoutHistoryContentProps {
     depositAddress: `0x${string}`;
     currentPage: HistoryContentPages;
-    hideStatus?: boolean;
     onHelp: () => void;
     onBackFromHelpPage: () => void;
     onClose: () => void;
@@ -12,5 +11,5 @@ interface FunCheckoutHistoryContentProps {
     includeGenerateActionsParams?: boolean;
 }
 export declare const DEFAULT_CHECKOUT_HISTORY_DETAIL_TITLE = "Your Purchase";
-export declare function FunCheckoutHistoryContent({ depositAddress, currentPage, hideStatus, bottomBarId, onHelp, onBackFromHelpPage, onClose, includeGenerateActionsParams, }: FunCheckoutHistoryContentProps): React.JSX.Element;
+export declare function FunCheckoutHistoryContent({ depositAddress, currentPage, bottomBarId, onHelp, onBackFromHelpPage, onClose, includeGenerateActionsParams, }: FunCheckoutHistoryContentProps): React.JSX.Element;
 export {};

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

@@ -2,7 +2,6 @@ import type { CheckoutHistoryItem } from '@funkit/api-base';
 import React from 'react';
 interface FunCheckoutHistoryDetailProps {
     checkoutHistoryInfo: CheckoutHistoryItem | undefined;
-    hideStatus?: boolean;
     onHelp: () => void;
     onClose: () => void;
     /** Element ID to be used to mount the CTA action bar */
@@ -12,5 +11,5 @@ interface FunCheckoutHistoryDetailProps {
 /**
  * Processing info about a checkout history item (already created in backend)
  */
-export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, hideStatus, onHelp, onClose, bottomBarId, includeGenerateActionsParams, }: FunCheckoutHistoryDetailProps): React.JSX.Element;
+export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, onHelp, onClose, bottomBarId, includeGenerateActionsParams, }: FunCheckoutHistoryDetailProps): React.JSX.Element;
 export {};

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

@@ -1,5 +1,11 @@
-import type { CheckoutHistoryItem } from '@funkit/api-base';
+import type { CheckoutHistoryItem, CheckoutState } from '@funkit/api-base';
 import React from 'react';
+interface StatusTagProps {
+    state: CheckoutState;
+    refundState: CheckoutHistoryItem['refundState'];
+    isDelayed: boolean;
+}
+export declare function StatusTag({ state, refundState, isDelayed }: StatusTagProps): React.JSX.Element;
 interface FunTxSummaryHistoryProps {
     checkoutHistoryItem: CheckoutHistoryItem | undefined;
     isDelayed?: boolean;

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

@@ -5,4 +5,6 @@ interface FunCheckoutStatusProps {
     onOrderDelayed?: () => void;
 }
 export declare function FunCheckoutStatus({ checkoutHistoryItem, onOrderDelayed, }: FunCheckoutStatusProps): React.JSX.Element | null;
+/** Special status component for checkout Direct Execution flow (only success state is displayable to user) */
+export declare const DirectExecutionStatus: () => React.JSX.Element;
 export {};

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

@@ -0,0 +1,7 @@
+import { type DirectExecution } from '@funkit/api-base';
+import React from 'react';
+export declare function FunDirectExecutionHistoryDetail({ directExecution, bottomBarId, onClose, }: {
+    directExecution: DirectExecution;
+    bottomBarId: string;
+    onClose: () => void;
+}): React.JSX.Element;

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

@@ -1,10 +1,6 @@
-import React, { type ReactNode, type RefCallback } from 'react';
+import React, { type ReactNode } from 'react';
 import type { Address } from 'viem';
-/**
- * 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, }: {
+interface CustomStatusAnimationParams {
     depositAddress: Address | undefined;
     /** Whether status icon is currently shown */
     isCheckoutDetailView: boolean;
@@ -14,13 +10,20 @@ export declare function useCustomStatusAnimationAboveTopbar({ depositAddress, is
     topbar: ReactNode;
     /** Whether to show the topbar divider when _not_ in checkout detail view */
     withTopDivider: 'always' | 'never' | 'scroll' | undefined;
-}): {
+    /** ID of the element to scroll (main dialog content) when scrolling over the overflowed title */
+    scrollableContent: string;
+}
+interface CustomStatusAnimationReturn {
     /** To be passed to scrolling container, to sync the scroll position */
     onScroll: React.UIEventHandler<HTMLElement>;
-    /** To be passed to scrolling container, to initialize the scroll position */
-    ref: RefCallback<HTMLElement>;
     /** Modal topbar, to which a modulated-opacity background was added */
     topbar: ReactNode;
     /** Whether to show the topbar divider */
     withTopDivider: 'always' | 'never' | 'scroll' | undefined;
-};
+}
+/**
+ * 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 {};

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

@@ -1,4 +1,2 @@
 export declare const backgroundRing: string;
 export declare const counterRing: string;
-export declare const pendingBackgroundRing: string;
-export declare const pendingRing: string;

package/dist/components/FunCountdown/FunCountdown.d.ts

@@ -1,3 +1,4 @@
+import { type AnimationProps } from 'motion/react';
 import React, { type ReactNode } from 'react';
 export interface FunCountdownProps {
     countdownSeconds: number;
@@ -11,6 +12,9 @@ export interface FunCountdownProps {
     children?: ReactNode | ((remainingSeconds: number) => ReactNode);
     isHidden?: boolean;
     isPaused?: boolean;
-    showPending?: boolean;
+    /** Optional component to be used instead of the countdown after it ends */
+    delayedComponent?: ReactNode;
+    /** Animation props to controll how the coundown is replaced with the delayedComponent */
+    motionProps?: AnimationProps;
 }
-export declare const FunCountdown: ({ countdownSeconds, initialRemainingSeconds, counterSize, onCountdownEnded, onBeforeCountdownEnds, onBeforeCountdownEndsSeconds, onCountdownLastSecond, strokeWidth, isHidden, isPaused, children, showPending, }: FunCountdownProps) => React.JSX.Element | null;
+export declare const FunCountdown: ({ countdownSeconds, initialRemainingSeconds, counterSize, onCountdownEnded, onBeforeCountdownEnds, onBeforeCountdownEndsSeconds, onCountdownLastSecond, strokeWidth, isHidden, isPaused, children, delayedComponent, motionProps, }: FunCountdownProps) => React.JSX.Element | null;

package/dist/components/FunInfoBanner/EphemeralInfoBanner.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type InfoBannerProps } from './InfoBanner';
-/** InfoBanner that dissapears at a certain point in time */
+/** InfoBanner that disappears at a certain point in time */
 export declare const EphemeralInfoBanner: ({ expireAtMs, ...props }: InfoBannerProps & {
     expireAtMs: number;
 }) => React.JSX.Element | null;

package/dist/components/FunNoResults/FunNoResults.d.ts

@@ -1,2 +1,6 @@
-import React, { type PropsWithChildren } from 'react';
-export declare const FunNoResults: ({ children }: PropsWithChildren) => React.JSX.Element;
+import React from 'react';
+interface FunNoResultsProps {
+    text: string;
+}
+export declare const FunNoResults: ({ text }: FunNoResultsProps) => React.JSX.Element;
+export {};

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

@@ -1,8 +1,7 @@
 import React from 'react';
 import { type BoxProps } from '../Box/Box';
-export declare function FunTxSummaryBox({ children, borderRadius, ...otherProps }: BoxProps): React.JSX.Element;
+export declare function FunTxSummaryBox({ children, ...otherProps }: BoxProps): React.JSX.Element;
 export declare function FunTxSummaryLineItem({ children, ...otherProps }: BoxProps): React.JSX.Element;
 export declare function FunTxSummaryLineItemKeyText({ text }: {
     text: string;
 }): React.JSX.Element;
-export declare function FunTxSummaryDivider(): React.JSX.Element;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+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'];
+}
+export declare function PaymentAmountSummary({ isLoading, targetChainId, quote, checkoutItem, textCustomizations, uiCustomizations, }: PaymentAmountSummaryProps): React.JSX.Element;
+export {};

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

@@ -1,24 +1,12 @@
+import type { FunAddress } from '@funkit/api-base';
 import React from 'react';
-import type { FunkitCheckoutQuoteResult } from '~/domains/quote';
-import { type PaymentMethodInfo } from '../../domains/paymentMethods';
-import type { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
-import { type FunkitTextCustomizationsConfig, type FunkitUiCustomizationsConfig, type FunkitUiDestinationConfig } from '../../providers/FunkitConfigContext';
+import type { PaymentMethodInfo } from '~/domains/paymentMethods';
 interface PaymentMethodSummaryProps {
     paymentMethodInfo: PaymentMethodInfo;
-    walletAddress: string | undefined;
-    customRecipient: string | undefined;
+    customRecipient: FunAddress | undefined;
     isLoading: boolean;
     estimatedTime: number;
-    customDestinationConfig?: FunkitUiDestinationConfig;
+    showTimeEstimate?: boolean;
 }
-export declare function PaymentMethodSummary({ paymentMethodInfo, walletAddress, customRecipient, estimatedTime, isLoading, customDestinationConfig, }: PaymentMethodSummaryProps): React.JSX.Element;
-interface PaymentAmountSummaryProps {
-    isLoading: boolean;
-    targetChainId: string;
-    checkoutItem: FunkitActiveCheckoutItem | null;
-    quote: FunkitCheckoutQuoteResult | null;
-    textCustomizations: FunkitTextCustomizationsConfig['confirmationScreen'];
-    uiCustomizations: FunkitUiCustomizationsConfig['confirmationScreen'];
-}
-export declare function PaymentAmountSummary({ isLoading, targetChainId, quote, checkoutItem, textCustomizations, uiCustomizations, }: PaymentAmountSummaryProps): React.JSX.Element;
+export declare function PaymentMethodSummary({ paymentMethodInfo, customRecipient, estimatedTime, isLoading, showTimeEstimate, }: PaymentMethodSummaryProps): React.JSX.Element;
 export {};

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

@@ -0,0 +1,12 @@
+import type { FunAddress } from '@funkit/api-base';
+import React, { type ReactNode } from 'react';
+import { type PaymentMethodInfo } from '~/domains/paymentMethods';
+type PaymentRouteSummaryProps = {
+    paymentMethodInfo: PaymentMethodInfo | null;
+    customRecipient: FunAddress | undefined;
+    sourceRedirect?: ReactNode;
+    destinationRedirect?: ReactNode;
+};
+export declare const PaymentRouteSummary: ({ paymentMethodInfo, customRecipient, sourceRedirect, destinationRedirect, }: PaymentRouteSummaryProps) => React.JSX.Element;
+export declare const PaymentRouteSummarySkeletonLoader: () => React.JSX.Element;
+export {};

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

@@ -1,4 +1,5 @@
 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/consts/checkout.d.ts

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

package/dist/consts/customers.d.ts

@@ -1,3 +1,4 @@
 export declare function isDydxCustomer(apiKey: string): apiKey is "NJq0CGrsE19xBbP1vHyBOp8xJvzYo9kayJHqDFP5";
 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";

package/dist/css/cssObjectFromTheme.d.ts

@@ -2,5 +2,5 @@ import { type ThemeVars } from './sprinkles.css';
 export declare function cssObjectFromTheme(theme: ThemeVars | (() => ThemeVars), { extends: baseTheme }?: {
     extends?: ThemeVars | (() => ThemeVars);
 }): {
-    [x: string]: string;
+    [cssVarName: string]: string;
 };