@funkit/connect 8.6.0 → 9.0.1

package/dist/hooks/queries/useFops.d.ts

@@ -1,19 +1,8 @@
-export interface UseFopsParams {
-    /** User's email for Swapped integration */
-    email?: string;
-    /** Whether the query is enabled */
-    enabled?: boolean;
-    /** Theme configuration for embedded flow iframes (key-value pairs for URL params) */
-    themeConfig?: Record<string, string>;
-}
 /**
  * Hook to fetch available forms of payment from the /fops API.
  * Returns generic and saved payment options from providers like Swapped.
- *
- * @param params - Optional parameters including email, enabled state, and themeConfig
- * @returns Query result with genericFormsOfPayments and savedFormsOfPayments
  */
-export declare const useFops: ({ enabled, themeConfig, }?: UseFopsParams) => {
+export declare const useFops: () => {
     isLoading: boolean;
     data: {
         genericFormsOfPayments: import("@funkit/api-base").GenericFormOfPayment[];

package/dist/hooks/track/CheckoutModalEvent.d.ts

@@ -32,6 +32,8 @@ export declare enum CheckoutModalEvent {
     READY_TRANSFER_TOKEN = "fc::ready::transfer_token",
     READY_LOADING_ACCOUNT = "fc::ready::loading_account",
     READY_SWAPPED_IFRAME = "fc::ready::swapped_iframe",
+    SOURCE_CHANGE_CRYPTO_TAB = "fc::source_change::crypto_tab",
+    SOURCE_CHANGE_CASH_TAB = "fc::source_change::cash_tab",
     QUERY_FROG_SUB_ACCOUNTS = "fc::query::frog_sub_accounts",
     QUERY_UDA_ADDRESS = "fc::query::uda_address",
     QUERY_WALLET_ASSETS = "fc::query::wallet_assets",
@@ -44,7 +46,13 @@ export declare enum CheckoutModalEvent {
     BLUVO_WITHDRAWAL_COMPLETED = "fc::success::bluvo_withdrawal_completed",
     QUICK_OPTION_SELECTED = "fc::input_amount::quick_option_selected",
     SWAPPED_IFRAME_NAVIGATION = "fc::swapped_iframe::navigation",
+    SWAPPED_IFRAME_NAVIGATION_INITIAL = "fc::swapped_iframe::navigation::initial",
+    SWAPPED_IFRAME_NAVIGATION_KYC = "fc::swapped_iframe::navigation::kyc",
+    SWAPPED_IFRAME_NAVIGATION_PAYMENT = "fc::swapped_iframe::navigation::payment",
+    SWAPPED_IFRAME_NAVIGATION_CONFIRMATION = "fc::swapped_iframe::navigation::confirmation",
     SWAPPED_IFRAME_COMPLETE = "fc::swapped_iframe::complete",
     SWAPPED_IFRAME_ERROR = "fc::swapped_iframe::error",
+    SWAPPED_IFRAME_BACK = "fc::swapped_iframe::back",
+    SWAPPED_IFRAME_NEW_DEPOSIT_BACK = "fc::swapped_iframe::new_deposit_back",
     SWAPPED_IFRAME_EXIT = "fc::swapped_iframe::exit"
 }

package/dist/hooks/useIframePool.d.ts

@@ -0,0 +1,38 @@
+interface UseIframePoolOptions {
+    maxSize?: number;
+}
+interface IframePool {
+    /** URLs in the pool, ordered by priority (most important first) */
+    urls: string[];
+    /** The currently active/visible URL */
+    activeUrl: string | null;
+    /** Bulk-set preload URLs (priority order: most important first). Respects maxSize. */
+    setPreloadUrls: (urls: string[]) => void;
+    /** Activate a URL — marks it as active and adds it to the pool (evicting tail if full). */
+    activate: (url: string) => void;
+    /** Deactivate the current URL (hides overlay, but URL stays in pool). */
+    deactivate: () => void;
+    /** URLs that have finished loading (state — use for rendering). */
+    loadedUrls: string[];
+    /** Ref to loaded URLs (use in callbacks to avoid stale closures). */
+    loadedUrlsRef: React.RefObject<string[]>;
+    /** Mark an iframe as loaded. */
+    setLoaded: (url: string) => void;
+    /** Remove all URLs from the pool, clearing all associated state. */
+    clear: () => void;
+    /** Store/remove an iframe element ref. */
+    setRef: (url: string, el: HTMLIFrameElement | null) => void;
+    /** Get the iframe element for a URL (internal use). */
+    getRef: (url: string) => HTMLIFrameElement | null;
+    /** Ref to the active URL (for use in stable callbacks without re-registration). */
+    activeUrlRef: React.RefObject<string | null>;
+}
+/**
+ * Bounded iframe pool with tail eviction.
+ *
+ * URLs are stored in priority order (most important first, matching fops order).
+ * When the pool exceeds `maxSize`, the last (least important) non-active URL
+ * is evicted.
+ */
+export declare function useIframePool({ maxSize, }?: UseIframePoolOptions): IframePool;
+export {};

package/dist/hooks/usePaymentMethodIcon.d.ts

@@ -8,7 +8,7 @@ export declare const PAYMENT_METHOD_ICONS: Record<Exclude<PaymentMethod, Payment
     * if no SDK icons available, show icon from wagmi
   * otherwise show fallback icon EVM
 */
-export declare function usePaymentMethodIcon(paymentMethod: PaymentMethod, iconSize?: number): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+export declare function usePaymentMethodIcon(paymentMethod: PaymentMethod, iconSize?: number): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
 interface PaymentMethodInfoLabel {
     text: string;
     icon: ReactNode;

package/dist/hooks/useScrollDivider.d.ts

@@ -2,7 +2,7 @@
  * @returns information about which dividers to display based on whether an observed content is scrolled to the top or bottom
  */
 export declare const useScrollDivider: () => {
-    ref: import("react").RefObject<HTMLInputElement>;
+    ref: import("react").RefObject<HTMLInputElement | null>;
     hasTopDivider: boolean;
     hasBottomDivider: boolean;
     isScrolling: boolean;

package/dist/hooks/useSwappedPreload.d.ts

@@ -0,0 +1,7 @@
+import type { GetFopsResponse } from '@funkit/api-base';
+/**
+ * Feeds fops data into the SwappedProvider iframe pool.
+ * Extracts iframe URLs in priority order (saved first, then generic)
+ * and passes them to the pool for background preloading.
+ */
+export declare function useSwappedPreload(fopsData: GetFopsResponse | undefined): void;

package/dist/hooks/useTextMeasurer.d.ts

@@ -1,3 +1,3 @@
-export declare function useTextMeasurer(inputRef: React.RefObject<HTMLInputElement>): {
+export declare function useTextMeasurer(inputRef: React.RefObject<HTMLInputElement | null>): {
     measureText: (text: string, fontSize?: number) => number | undefined;
 };