@funkit/connect 8.3.1-next.0 → 8.4.0

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

@@ -4,6 +4,7 @@ interface FunDirectExecutionHistoryBottomBarProps {
     isProcessing: boolean;
     isLoaded: boolean;
     onClose?: () => void;
+    onCloseLabel?: string;
     actionButtonProps?: FunButtonProps;
 }
 export declare const FunDirectExecutionHistoryBottomBar: FC<FunDirectExecutionHistoryBottomBarProps>;

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

@@ -0,0 +1,7 @@
+import React, { type ReactNode } from 'react';
+type Falsy = null | undefined | false;
+type Section = (ReactNode | Falsy)[];
+export declare function FunTxSummarySections({ sections, }: {
+    sections: (Section | Falsy)[];
+}): React.JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function TotalTimeItem({ label, isLoaded, seconds, }: {
+    label: string;
+    isLoaded: boolean;
+    seconds: number;
+}): React.JSX.Element;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { HistoricalCheckoutItem } from '../../domains/clientMetadata';
+export declare function YouSendItem({ clientMetadata, isLoaded, }: {
+    clientMetadata: HistoricalCheckoutItem | undefined;
+    isLoaded: boolean;
+}): React.JSX.Element;

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

@@ -14,8 +14,6 @@ interface CustomStatusAnimationParams {
     withTopDivider: 'always' | 'never' | 'scroll' | undefined;
     /** ID of the element to scroll (main dialog content) when scrolling over the overflowed title */
     scrollableContent: string;
-    /** Whether this is a lighter native deposit checkout (eth mainnet) */
-    isLighterNativeDeposit?: boolean;
 }
 interface CustomStatusAnimationReturn {
     /** To be passed to scrolling container, to sync the scroll position */
@@ -29,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, isActiveCheckout, isCheckoutDetailView, paddingTop, topbar, withTopDivider, scrollableContent, isLighterNativeDeposit, }: CustomStatusAnimationParams): CustomStatusAnimationReturn;
+export declare function useCustomStatusAnimationAboveTopbar({ depositAddress, isActiveCheckout, isCheckoutDetailView, paddingTop, topbar, withTopDivider, scrollableContent, }: CustomStatusAnimationParams): CustomStatusAnimationReturn;
 export {};

package/dist/components/FunCheckoutModalHeightAnimationWrapper/FunCheckoutModalHeightAnimationWrapper.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
+import { type FunkitCheckoutConfig } from '../../index';
 import { FunCheckoutStep } from '../../modals/CheckoutModal/stepTransition';
 interface FunCheckoutModalHeightAnimationWrapperProps {
     children: React.ReactNode;
+    checkoutConfig?: FunkitCheckoutConfig;
     checkoutStep?: FunCheckoutStep;
 }
 export declare const mapHeightToCheckoutStep: Partial<Record<FunCheckoutStep, number>>;
-export declare function FunCheckoutModalHeightAnimationWrapper({ children, checkoutStep, }: FunCheckoutModalHeightAnimationWrapperProps): React.JSX.Element;
+export declare function FunCheckoutModalHeightAnimationWrapper({ children, checkoutConfig, checkoutStep, }: FunCheckoutModalHeightAnimationWrapperProps): React.JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import React from 'react';
 export type InfoBannerProps = {
-    /** Contents of the banner, supports HTML markup for more structured announcements (eg. link to a blogpost) or a `ReactNode` for more complex content with React components */
+    /** Contents of the banner. Pass plain text or a ReactNode (e.g., <Trans> for links/formatting). */
     message: string | React.ReactNode;
     type: 'warning' | 'alert' | 'announcement';
     expireAtMs?: number;

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

@@ -19,4 +19,5 @@ export interface FunPaymentMethodItemProps {
     testId?: string;
 }
 export declare const FunPaymentMethodItem: ({ keyIcon, keyText, valueIcon, disclaimerText, badge, onClick, isError, isDisabled, isActive, testId, }: FunPaymentMethodItemProps) => React.JSX.Element;
+export declare const LoadingFunPaymentMethodItem: () => React.JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import { type FormOfPayment } from '@funkit/api-base';
 import React, { type ReactNode } from 'react';
 import { type FunkitPaymentMethodIconsConfig } from '../../providers/FunkitConfigContext';
 import { PaymentMethod, type PaymentMethodBrokerageInfo, type PaymentMethodVirtualBankInfo } from '../../domains/paymentMethods';
@@ -53,4 +54,10 @@ export declare function AddPaymentMethodItem({ paymentMethod, isClickable, isAct
 export declare function PayPalPaymentMethodItem({ isActive, isClickable, onClick, isLoading, }: BasePaymentMethodItemProps & {
     isLoading: boolean;
 }): React.JSX.Element;
+/**
+ * Payment method item for a Form of Payment from the fops API (Swapped providers)
+ */
+export declare function FopPaymentMethodItem({ fop, isActive, onClick, testId, }: BasePaymentMethodItemProps & {
+    fop: FormOfPayment;
+}): React.JSX.Element;
 export {};

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

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

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

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

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

@@ -7,6 +7,7 @@ export type Tab<T = string> = {
 };
 export type TabsProps = {
     tabs: Tab[];
+    disabled?: boolean;
     activeTab: number;
     onTabChange: (tab: number) => void;
     /** Custom background color for the container */

package/dist/consts/customers.d.ts

@@ -15,4 +15,4 @@ export declare function isPerplCustomer(apiKey: string): apiKey is "wQDLu86Qab61
 export declare function isLighterxyzCustomer(apiKey: string): apiKey is "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2";
 export declare function isFanaticsCustomer(apiKey: string): apiKey is "lI7amueGK94QtGa7sGGVf8n0XhIcn4sHFAZRu5Jj";
 export declare function isLighterEthSpot(apiKey: string, checkoutConfig: FunkitCheckoutConfig | undefined): boolean | undefined;
-export declare function isLighterNativeFlow(apiKey: string, checkoutConfig: Pick<FunkitCheckoutConfig, 'targetChain'> | undefined): boolean;
+export declare function isLighterSlowDeposit(apiKey: string, checkoutConfig: Pick<FunkitCheckoutConfig, 'targetChain'> | undefined): boolean;

package/dist/consts/layout.d.ts

@@ -1,4 +1,3 @@
-export declare const VERTICAL_SECTION_GAP = "18";
 export declare const PROFILE_SIDE_PADDING = "18";
 export declare const HOME_CHECKOUT_DISPLAY_ROW_HEIGHT = 52;
 export declare const HOME_TOKEN_BALANCE_DISPLAY_ROW_HEIGHT = 52;