@funkit/connect 8.4.0-next.1 → 8.5.0

package/dist/modals/CheckoutModal/SourceChange/FormOfPaymentsList.d.ts

@@ -1,10 +1,10 @@
-import type { FormOfPayment } from '@funkit/api-base';
+import { type GetFopsResponse, type SwappedFormOfPayment } from '@funkit/api-base';
 import React from 'react';
 interface FormOfPaymentsListProps {
-    fops?: FormOfPayment[];
+    fopsData?: GetFopsResponse;
     isLoading: boolean;
-    selectedFop?: FormOfPayment | null;
-    onFopSelect: (fop: FormOfPayment) => void;
+    selectedFop?: SwappedFormOfPayment | null;
+    onFopSelect: (fop: SwappedFormOfPayment) => void;
 }
-export declare function FormOfPaymentsList({ fops, isLoading, selectedFop, onFopSelect, }: FormOfPaymentsListProps): React.JSX.Element;
+export declare function FormOfPaymentsList({ fopsData, isLoading, selectedFop, onFopSelect, }: FormOfPaymentsListProps): React.JSX.Element;
 export {};

package/dist/modals/CheckoutModal/SourceChange/SourceChange.d.ts

@@ -1,4 +1,4 @@
-import { type FormOfPayment } from '@funkit/api-base';
+import { type SwappedFormOfPayment } from '@funkit/api-base';
 import React from 'react';
 import { type ConnectablePaymentMethodInfo, PaymentMethod, type PaymentMethodCardInfo, type PaymentMethodVirtualBankIncompleteInfo } from '../../../domains/paymentMethods';
 import { type PaymentMethodType } from '../../../hooks/usePaymentSources';
@@ -32,7 +32,7 @@ export type SourceChangeNext = {
 } | {
     /** Navigate to Swapped iframe with a selected payment option */
     swappedIframe: true;
-    selectedPaymentOption: FormOfPayment;
+    selectedPaymentOption: SwappedFormOfPayment;
     /** Payment method type filter to restore when returning */
     paymentMethodTypeFilter: PaymentMethodType;
 };

package/dist/modals/CheckoutModal/SwappedIframe/SwappedIframe.d.ts

@@ -1,10 +1,10 @@
-import type { FormOfPayment } from '@funkit/api-base';
+import type { SwappedFormOfPayment } from '@funkit/api-base';
 import React from 'react';
 import type { PaymentMethodType } from '../../../hooks/usePaymentSources';
 import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../../../modals/CheckoutModal/stepTransition';
 export type SwappedIframeState = CheckoutModalCommonState & {
     /** The selected payment option from the fops API */
-    selectedPaymentOption: FormOfPayment;
+    selectedPaymentOption: SwappedFormOfPayment;
     /** Payment method type filter to restore when returning to SOURCE_CHANGE */
     paymentMethodTypeFilter?: PaymentMethodType;
 };

package/dist/providers/FunkitCheckoutContext/index.d.ts

@@ -37,6 +37,7 @@ interface FunkitCheckoutContextInterface {
     applyDynamicRouting(path: Omit<DynamicRoutePath, 'getCustomRecipient' | 'generateActionsParams'> & {
         customRecipient?: FunkitCheckoutConfig['customRecipient'];
         generateActionsParams?: FunkitCheckoutConfig['generateActionsParams'];
+        bridgeOverride?: FunkitCheckoutConfig['bridgeOverride'];
     }): void;
     updateDynamicRoutingId(dynamicRoutingId: string): void;
 }

package/dist/providers/FunkitCheckoutContext/types.d.ts

@@ -79,6 +79,11 @@ export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'gen
      * For dynamic routing, the id of the dynamic route to use
      */
     dynamicRoutingId?: string;
+    /**
+     * Force a specific bridge provider for the checkout quote.
+     * Set via dynamic routing rules.
+     */
+    bridgeOverride?: 'across' | 'relay';
 }
 export interface WithdrawalConfigBase {
     /** Title to show in the checkout modal. Defaults to "Checkout" **/

package/dist/providers/FunkitConfigContext.d.ts

@@ -177,8 +177,6 @@ export interface FunkitUiCustomizationsConfig {
             /** Translation key for label - defaults to `'common.close'` */
             labelKey?: 'sourceChange.exploreMarketsFirst' | 'common.close';
         };
-        /** Whether to show the crypto/cash toggle - defaults to false */
-        showCryptoCashToggle?: boolean;
         /** Whether to show target asset selection menu if dynamicTargetAssetCandidates exist - defaults to false */
         showTargetAssetSelection?: boolean;
         /** Whether to show wallet option when balance is insufficient - defaults to false (hides wallet) */
@@ -197,6 +195,18 @@ export interface FunkitUiCustomizationsConfig {
         timeEstimate?: ComponentType;
         youReceive?: ComponentType;
         youSend?: ComponentType;
+        fiatTabIcon?: ComponentType<{
+            size?: number;
+        }>;
+        cryptoTabIcon?: ComponentType<{
+            size?: number;
+        }>;
+    };
+    /** Font family names to pass to embedded widgets */
+    customFontFamily?: {
+        primary?: string;
+        secondary?: string;
+        tertiary?: string;
     };
 }
 /**

package/dist/providers/FunkitProvider.d.ts

@@ -21,6 +21,7 @@ interface FunkitProviderInnerProps {
     debug?: boolean | undefined;
     sandbox?: boolean | undefined;
     modalSize?: ModalSizes;
+    useStyleRefForTheme?: boolean;
 }
 export type FunkitWagmiConfig = Omit<CreateFunkitWagmiConfigParameters, 'funkitApiKey' | 'initialChainId' | 'appName'> & {
     projectId: string;

package/dist/providers/FunkitThemeProvider.d.ts

@@ -141,6 +141,7 @@ export declare const useActiveTheme: () => {
             txSummaryBoxBorder: string;
             counterRingColor: string;
             cryptoCashToggleContainerBorderColor: string;
+            cryptoCashToggleBackground: string;
         };
         dimensions: {
             connectExchangeIconSize: string;
@@ -193,6 +194,7 @@ export declare const useActiveTheme: () => {
             txSummaryLabel: string;
             txSummaryValue: string;
             sourceListSectionLabelFontWeight: string;
+            formOfPaymentsListSectionLabelFontWeight: string;
         };
         fontSize: {
             '10': {
@@ -347,6 +349,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            formOfPaymentsListSectionLabelFontSize: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         radii: {
             actionButton: string;
@@ -424,6 +430,7 @@ export declare const useActiveTheme: () => {
             txSummaryLineItemPadding: string;
             txSummaryDividerMarginX: string;
             txSummaryDividerMarginY: string;
+            verticalSectionGap: string;
             youPayYouReceivePaddingLeft: string;
             youPayYouReceivePaddingRight: string;
             youPayYouReceivePaddingY: string;
@@ -567,6 +574,7 @@ export declare const useActiveTheme: () => {
             txSummaryBoxBorder: string;
             counterRingColor: string;
             cryptoCashToggleContainerBorderColor: string;
+            cryptoCashToggleBackground: string;
         };
         dimensions: {
             connectExchangeIconSize: string;
@@ -619,6 +627,7 @@ export declare const useActiveTheme: () => {
             txSummaryLabel: string;
             txSummaryValue: string;
             sourceListSectionLabelFontWeight: string;
+            formOfPaymentsListSectionLabelFontWeight: string;
         };
         fontSize: {
             '10': {
@@ -773,6 +782,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            formOfPaymentsListSectionLabelFontSize: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         radii: {
             actionButton: string;
@@ -850,6 +863,7 @@ export declare const useActiveTheme: () => {
             txSummaryLineItemPadding: string;
             txSummaryDividerMarginX: string;
             txSummaryDividerMarginY: string;
+            verticalSectionGap: string;
             youPayYouReceivePaddingLeft: string;
             youPayYouReceivePaddingRight: string;
             youPayYouReceivePaddingY: string;
@@ -991,6 +1005,7 @@ export declare const useActiveTheme: () => {
             txSummaryBoxBorder: string;
             counterRingColor: string;
             cryptoCashToggleContainerBorderColor: string;
+            cryptoCashToggleBackground: string;
         };
         dimensions: {
             connectExchangeIconSize: string;
@@ -1043,6 +1058,7 @@ export declare const useActiveTheme: () => {
             txSummaryLabel: string;
             txSummaryValue: string;
             sourceListSectionLabelFontWeight: string;
+            formOfPaymentsListSectionLabelFontWeight: string;
         };
         fontSize: {
             '10': {
@@ -1197,6 +1213,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            formOfPaymentsListSectionLabelFontSize: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         radii: {
             actionButton: string;
@@ -1274,6 +1294,7 @@ export declare const useActiveTheme: () => {
             txSummaryLineItemPadding: string;
             txSummaryDividerMarginX: string;
             txSummaryDividerMarginY: string;
+            verticalSectionGap: string;
             youPayYouReceivePaddingLeft: string;
             youPayYouReceivePaddingRight: string;
             youPayYouReceivePaddingY: string;

package/dist/themes/baseTheme.js

@@ -2,7 +2,7 @@
 import {
   baseTheme,
   systemFontStack
-} from "../chunk-UE3P6YHW.js";
+} from "../chunk-G4ZF44OO.js";
 export {
   baseTheme,
   systemFontStack

package/dist/themes/darkTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-YUWSE22N.js";
-import "../chunk-UE3P6YHW.js";
+} from "../chunk-K4YHIQ6O.js";
+import "../chunk-G4ZF44OO.js";
 export {
   darkTheme
 };

package/dist/themes/lightTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-XX5CVGHN.js";
-import "../chunk-UE3P6YHW.js";
+} from "../chunk-GOGXF6NC.js";
+import "../chunk-G4ZF44OO.js";
 export {
   lightTheme
 };

package/dist/utils/swapped.d.ts

@@ -0,0 +1,2 @@
+import type { SavedFormOfPayment, SwappedFormOfPayment } from '@funkit/api-base';
+export declare const isSavedFormOfPaymentType: (fop: SwappedFormOfPayment) => fop is SavedFormOfPayment;

package/dist/utils/transfer.d.ts

@@ -1,4 +1,5 @@
-import type { FunAddress } from '@funkit/api-base';
+import type { CheckoutInitTokenTransferResponse, FunAddress } from '@funkit/api-base';
+export declare function getDepositAddressForChain(chainId: number, transferInit: CheckoutInitTokenTransferResponse | undefined): FunAddress | undefined;
 export type TransferTokenQrCodeType = 'ethereum' | 'solana' | 'bitcoin' | 'tron';
 interface TransferTokenQrCodeUriParams {
     depositAddress: FunAddress;

package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   bifrostWallet
-} from "../chunk-R6Y36CMA.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-6677RKVT.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   bifrostWallet
 };

package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   bitgetWallet
-} from "../chunk-FA5DTT5R.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-O6YFVGVQ.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   bitgetWallet
 };

package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   bybitWallet
-} from "../chunk-5EAOMOTO.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-5AV2NSL3.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   bybitWallet
 };

package/dist/wallets/walletConnectors/clvWallet/clvWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   clvWallet
-} from "../chunk-HPHADOYD.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-PRGCIJ7Y.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   clvWallet
 };

package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   coin98Wallet
-} from "../chunk-RLRQYUYC.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-TLOROKED.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   coin98Wallet
 };

package/dist/wallets/walletConnectors/coreWallet/coreWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   coreWallet
-} from "../chunk-VYNVAGSV.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-RNIMZDHW.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   coreWallet
 };

package/dist/wallets/walletConnectors/foxWallet/foxWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   foxWallet
-} from "../chunk-YLJDPTYF.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-WNQ3NPHX.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   foxWallet
 };

package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   frontierWallet
-} from "../chunk-T5KHVUFR.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-3ZWIUCOI.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   frontierWallet
 };

package/dist/wallets/walletConnectors/gateWallet/gateWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   gateWallet
-} from "../chunk-MRRZOQGZ.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-75A4Q5E5.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   gateWallet
 };

package/dist/wallets/walletConnectors/index.js

@@ -1,10 +1,10 @@
 "use client";
 import {
-  xdefiWallet
-} from "./chunk-TMFH6GXS.js";
+  zealWallet
+} from "./chunk-VU2RNIQG.js";
 import {
   zerionWallet
-} from "./chunk-CZYUE3AR.js";
+} from "./chunk-GXTI2PZD.js";
 import {
   tahoWallet
 } from "./chunk-TNZJRXUQ.js";
@@ -13,34 +13,34 @@ import {
 } from "./chunk-JTLLKY2O.js";
 import {
   tokenPocketWallet
-} from "./chunk-47QF6EET.js";
+} from "./chunk-LGT6IAXI.js";
 import {
   tokenaryWallet
 } from "./chunk-M2HGGTFE.js";
 import {
   trustWallet
-} from "./chunk-JFHP4YJG.js";
-import {
-  walletConnectWallet
-} from "./chunk-NP5QGWNL.js";
+} from "./chunk-GEMN6DM5.js";
 import {
   uniswapWallet
 } from "./chunk-LH7BMNFZ.js";
 import {
-  zealWallet
-} from "./chunk-VU2RNIQG.js";
+  walletConnectWallet
+} from "./chunk-NP5QGWNL.js";
+import {
+  xdefiWallet
+} from "./chunk-TMFH6GXS.js";
 import {
   rabbyWallet
 } from "./chunk-LW6S43RE.js";
 import {
   rainbowWallet
-} from "./chunk-77UTBHGP.js";
-import {
-  roninWallet
-} from "./chunk-UOTQQJJD.js";
+} from "./chunk-4SC3PZVM.js";
 import {
   ramperWallet
 } from "./chunk-FCG5Q6JX.js";
+import {
+  roninWallet
+} from "./chunk-OCM5YHT5.js";
 import {
   safeWallet
 } from "./chunk-BQQQL6UD.js";
@@ -49,13 +49,13 @@ import {
 } from "./chunk-QS2XIZEH.js";
 import {
   safepalWallet
-} from "./chunk-W7Y6I22Y.js";
+} from "./chunk-N7475PGA.js";
 import {
   subWallet
-} from "./chunk-2E4PDCEJ.js";
+} from "./chunk-FT5BX7TL.js";
 import {
   metaMaskWallet
-} from "./chunk-RA7MCWF4.js";
+} from "./chunk-5FWURLPF.js";
 import {
   mewWallet
 } from "./chunk-CF5HOLH2.js";
@@ -64,7 +64,7 @@ import {
 } from "./chunk-ADIXAKUL.js";
 import {
   okxWallet
-} from "./chunk-U5QP7MI5.js";
+} from "./chunk-ENLR4LXN.js";
 import {
   omniWallet
 } from "./chunk-7CUY5G6R.js";
@@ -79,16 +79,16 @@ import {
 } from "./chunk-3IYE623P.js";
 import {
   foxWallet
-} from "./chunk-YLJDPTYF.js";
+} from "./chunk-WNQ3NPHX.js";
 import {
   frameWallet
 } from "./chunk-AI55G5DD.js";
 import {
   frontierWallet
-} from "./chunk-T5KHVUFR.js";
+} from "./chunk-3ZWIUCOI.js";
 import {
   gateWallet
-} from "./chunk-MRRZOQGZ.js";
+} from "./chunk-75A4Q5E5.js";
 import {
   imTokenWallet
 } from "./chunk-COZ7MIQS.js";
@@ -102,20 +102,20 @@ import {
   ledgerWallet
 } from "./chunk-BRBKM4PW.js";
 import {
-  bybitWallet
-} from "./chunk-5EAOMOTO.js";
+  braveWallet
+} from "./chunk-4ZXII3UA.js";
 import {
   clvWallet
-} from "./chunk-HPHADOYD.js";
+} from "./chunk-PRGCIJ7Y.js";
 import {
   coin98Wallet
-} from "./chunk-RLRQYUYC.js";
+} from "./chunk-TLOROKED.js";
 import {
   coinbaseWallet
 } from "./chunk-H4IRCEZN.js";
 import {
   coreWallet
-} from "./chunk-VYNVAGSV.js";
+} from "./chunk-RNIMZDHW.js";
 import {
   dawnWallet
 } from "./chunk-EMBU4RXK.js";
@@ -125,29 +125,29 @@ import {
 import {
   enkryptWallet
 } from "./chunk-ABQKUIUD.js";
-import {
-  bifrostWallet
-} from "./chunk-R6Y36CMA.js";
 import {
   argentWallet
 } from "./chunk-WSQ2YJO2.js";
 import {
-  bitgetWallet
-} from "./chunk-FA5DTT5R.js";
+  bifrostWallet
+} from "./chunk-6677RKVT.js";
+import {
+  bitverseWallet
+} from "./chunk-3HZRRP4Y.js";
 import {
   bitskiWallet
 } from "./chunk-YMUSFW44.js";
+import {
+  bitgetWallet
+} from "./chunk-O6YFVGVQ.js";
 import {
   bloomWallet
 } from "./chunk-S27IADFU.js";
 import {
-  bitverseWallet
-} from "./chunk-3HZRRP4Y.js";
-import "./chunk-23WIEY36.js";
-import {
-  braveWallet
-} from "./chunk-4ZXII3UA.js";
+  bybitWallet
+} from "./chunk-5AV2NSL3.js";
 import "./chunk-ARYAYQ7Z.js";
+import "./chunk-23WIEY36.js";
 export {
   argentWallet,
   bifrostWallet,

package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   metaMaskWallet
-} from "../chunk-RA7MCWF4.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-5FWURLPF.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   metaMaskWallet
 };

package/dist/wallets/walletConnectors/okxWallet/okxWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   okxWallet
-} from "../chunk-U5QP7MI5.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-ENLR4LXN.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   okxWallet
 };

package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   rainbowWallet
-} from "../chunk-77UTBHGP.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-4SC3PZVM.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   rainbowWallet
 };

package/dist/wallets/walletConnectors/roninWallet/roninWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   roninWallet
-} from "../chunk-UOTQQJJD.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-OCM5YHT5.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   roninWallet
 };

package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   safepalWallet
-} from "../chunk-W7Y6I22Y.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-N7475PGA.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   safepalWallet
 };

package/dist/wallets/walletConnectors/subWallet/subWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   subWallet
-} from "../chunk-2E4PDCEJ.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-FT5BX7TL.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   subWallet
 };

package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   tokenPocketWallet
-} from "../chunk-47QF6EET.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-LGT6IAXI.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   tokenPocketWallet
 };

package/dist/wallets/walletConnectors/trustWallet/trustWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   trustWallet
-} from "../chunk-JFHP4YJG.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-GEMN6DM5.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   trustWallet
 };

package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   zerionWallet
-} from "../chunk-CZYUE3AR.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-GXTI2PZD.js";
 import "../chunk-ARYAYQ7Z.js";
+import "../chunk-23WIEY36.js";
 export {
   zerionWallet
 };