@funkit/connect 0.1.17 → 0.1.18

package/dist/components/FunCheckoutModal/FunCheckoutConfirmationStep.d.ts

@@ -1,11 +1,9 @@
 import React from 'react';
-import { PaymentMethodInfo } from '../FunPayments/FunPaymentMethods';
 import { FunCheckoutStep } from './FunCheckoutModal';
-export declare function FunCheckoutConfirmationStep({ checkoutId, checkoutStep, onFinish, selectedPaymentMethodInfo, animateOut, }: {
+export declare function FunCheckoutConfirmationStep({ checkoutId, checkoutStep, onFinish, animateOut, }: {
     checkoutId: string | null;
     checkoutStep: FunCheckoutStep;
-    onFinish: (prevId: string, expirationTime: number, depositAddress: string) => void;
-    selectedPaymentMethodInfo: PaymentMethodInfo | null;
+    onFinish: (depositAddress: string) => void;
     animateOut: boolean;
 }): React.JSX.Element;
 export declare function roundUpTo5DecimalPlaces(inputNumber: string): string;

package/dist/components/FunCheckoutModal/FunCheckoutModal.d.ts

@@ -4,7 +4,7 @@ export declare enum FunCheckoutStep {
     CONFIRMATION = "confirmation",
     PAYMENT_SETUP = "payment_setup",
     SELECT_ASSET = "select_asset",
-    TWO_FACTOR = "two_factor"
+    MESH_VERIFICATION = "mesh_verification"
 }
 interface FunCheckoutModalProps {
     open: boolean;

package/dist/components/FunCheckoutModal/FunCheckoutPrimaryInfo.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { FunkitActiveCheckoutItem } from '../FunkitProvider/FunkitCheckoutContext';
-import { PaymentMethod } from '../FunPayments/FunPaymentMethods';
 import { FunCheckoutStep } from './FunCheckoutModal';
 export declare function CheckoutPrimaryInfoSnapshot({ checkoutItem, isLoading, isEditable, onConfirmEdit, }: {
     checkoutItem: FunkitActiveCheckoutItem;
@@ -8,8 +7,7 @@ export declare function CheckoutPrimaryInfoSnapshot({ checkoutItem, isLoading, i
     isEditable: boolean;
     onConfirmEdit?: (newValue: number) => void;
 }): React.JSX.Element;
-export declare function CheckoutPrimaryInfo({ checkoutId, checkoutStep, selectedPaymentMethod, }: {
+export declare function CheckoutPrimaryInfo({ checkoutId, checkoutStep, }: {
     checkoutId: string | null;
     checkoutStep: FunCheckoutStep;
-    selectedPaymentMethod: PaymentMethod | undefined;
 }): React.JSX.Element | null;

package/dist/components/FunCheckoutModal/FunCheckoutSelectAssetStep.d.ts

@@ -1,13 +1,11 @@
 import React from 'react';
-import { PaymentMethodInfo } from '../FunPayments/FunPaymentMethods';
 import { FunCheckoutStep } from './FunCheckoutModal';
 /**
  * Based on which payment method was selected, allow users to select which asset they want to fund
  */
-export declare function FunCheckoutSelectAssetStep({ checkoutId, checkoutStep, selectedPaymentMethodInfo, onFinish, isOnFinishLoading, animateOut, }: {
+export declare function FunCheckoutSelectAssetStep({ checkoutId, checkoutStep, onFinish, isOnFinishLoading, animateOut, }: {
     checkoutId: string | null;
     checkoutStep: FunCheckoutStep;
-    selectedPaymentMethodInfo: PaymentMethodInfo | null;
     isOnFinishLoading: boolean;
     onFinish: () => void;
     animateOut?: boolean;

package/dist/components/FunCheckoutModal/FunCheckoutVerifyDetailsStep.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PaymentMethodInfo } from '../FunPayments/FunPaymentMethods';
+import { PaymentMethodInfo } from '../../consts/payment';
 import { FunCheckoutStep } from './FunCheckoutModal';
 export declare function FunCheckoutVerifyDetailsStep({ checkoutId, checkoutStep, onSelectPaymentMethod, }: {
     checkoutId: string | null;

package/dist/components/FunMeshVerificationStep/FunMeshVerificationStep.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { MeshExchanges } from '../../utils/mesh';
+interface FunMeshVerificationStepProps {
+    previewId: string;
+    previewExpirationMs: number;
+    transferToAddress: string;
+    exchange: MeshExchanges;
+    accessToken: string;
+    onSuccess: () => void;
+}
+export declare function FunMeshVerificationStep({ previewId, previewExpirationMs, transferToAddress, onSuccess, exchange, accessToken, }: FunMeshVerificationStepProps): React.JSX.Element;
+export {};

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

@@ -1,30 +1,6 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
+import { PaymentFlow, PaymentMethod, PaymentMethodInfo } from '../../consts/payment';
 import { DepositTokenSymbol } from '../ProfileDetails/FunWalletProfileViews/FWDeposit';
-/** @description The different payment flows. Either from Deposit or Checkout. */
-export declare enum PaymentFlow {
-    DEPOSIT = 0,
-    CHECKOUT = 1
-}
-/** @description Supported Payment Methods in FunkitConnect. **/
-export declare enum PaymentMethod {
-    /** Sardine - ACH / Wires **/
-    /** Moonpay - Credit / Debit Card **/
-    CARD = "card",
-    /** FunWallet - Direct Transfer **/
-    TRANSFER = "transfer",
-    /** FunWallet - Account Balance **/
-    ACCOUNT_BALANCE = "balance",
-    /** Mesh - Exchange / Brokerage **/
-    BROKERAGE = "brokerage"
-}
-export interface PaymentMethodInfo {
-    paymentMethod: PaymentMethod;
-    title: string;
-    titleIcon?: ReactNode;
-    description: string;
-    descriptionIcon?: ReactNode;
-    meta: any;
-}
 export declare function AddPaymentMethodItem({ paymentFlow, paymentMethod, isClickable, isActive, onClick, disclaimerText, }: {
     paymentFlow: PaymentFlow;
     paymentMethod: PaymentMethod;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Address } from 'wagmi';
-import { PaymentFlow } from './FunPaymentMethods';
+import { PaymentFlow } from '../../consts/payment';
 export declare function FunPaymentMoonpayType({ paymentFlow, paymentAddress, depositToken, depositTokenChainId, depositTokenAmount, onBackToHome, backAnimation, redirectToCheckoutHistory, }: {
     paymentFlow: PaymentFlow;
     paymentAddress: Address;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Address } from 'wagmi';
-import { PaymentFlow, PaymentMethod, PaymentMethodInfo } from './FunPaymentMethods';
+import { PaymentFlow, PaymentMethod, PaymentMethodInfo } from '../../consts/payment';
 interface FunPaymentSetupProps {
     paymentFlow: PaymentFlow;
     paymentMethod: undefined | null | PaymentMethod;

package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts

@@ -1,9 +1,8 @@
 import { CheckoutCoreQuoteResponse, CheckoutHistoryItem } from '@funkit/core';
 import React, { ReactNode } from 'react';
 import { Abi, Address } from 'viem';
+import { PaymentMethodInfo } from '../../consts/payment';
 import { CheckoutHistoryStateMap } from '../../utils/checkout';
-import { MeshCheckoutQuoteMeta } from '../../utils/mesh';
-import { PaymentMethod } from '../FunPayments/FunPaymentMethods';
 import { FeesItem } from '../FunTransactionSummary/FunTransactionSummary';
 export interface FunkitCheckoutActionParams {
     contractAbi: Abi;
@@ -98,6 +97,8 @@ export interface FunkitActiveCheckoutItem {
     depositAddress: null | Address;
     /** Settings the checkout was init-ed with **/
     initSettings: useFunkitCheckoutProps;
+    /** User's selected payment method information */
+    selectedPaymentMethodInfo: PaymentMethodInfo | null;
     /** User's choice of source asset to fund the checkout operation **/
     selectedSourceAssetInfo: {
         address: Address | null;
@@ -115,9 +116,10 @@ interface useFunkitPreCheckoutInternalReturn {
     reDraftSymbol: symbol;
     updateSourceAsset: (newSourceAsset: Address, newSourceAssetSymbol: string, newSourceAssetChainId: string) => void;
     updateTargetAssetAmount: (newTargetAssetAmount: number, isCheckoutCrFlow: boolean) => void;
+    updateSelectedPaymentMethodInfo: (newPaymentMethodInfo: PaymentMethodInfo) => void;
     confirmCheckout: (shouldBatchOpBypassInit: boolean) => Promise<Address>;
     getCheckoutDraftDollarValue: () => Promise<void>;
-    getCheckoutQuote: (sponsorInitialTransferGasLimit: number, paymentMethod: PaymentMethod, meshMeta: MeshCheckoutQuoteMeta) => Promise<void>;
+    getCheckoutQuote: (sponsorInitialTransferGasLimit: number, newPaymentMethodInfo: PaymentMethodInfo) => Promise<void>;
 }
 /**
  * Internal hook to handle frontend pre-checkout operations, PER-CHECKOUT ITEM.

package/dist/components/FunkitProvider/GeneralWalletProvider.d.ts

@@ -1,11 +1,13 @@
 import { Auth, FunWallet } from '@funkit/core';
 import React from 'react';
+import { PaymentMethodInfo } from '../../consts/payment';
 import { UserInfoDisplay } from '../FunkitWeb2Provider/FunkitWeb2Provider';
 type GeneralWalletAssets = null | {
     [x: string]: any;
 };
 interface GeneralWalletContextProps {
     walletAddress: string;
+    accountBalancePaymentDefaultInfo: PaymentMethodInfo | null;
     isUserLoggedIn: boolean;
     isWeb2Login: boolean;
     isWeb3Login: boolean;
@@ -18,6 +20,7 @@ interface GeneralWalletContextProps {
     funWallet: FunWallet | null;
     funWalletAuth: Auth | null;
     handleLogout: () => void;
+    logoutSymbol: symbol | undefined;
 }
 export declare function GeneralWalletProvider({ children }: any): React.JSX.Element;
 export declare const useGeneralWallet: () => GeneralWalletContextProps;

package/dist/components/FunkitWeb2Provider/FunkitWeb2Provider.d.ts

@@ -28,6 +28,7 @@ export interface UserInfoDisplay {
     id: string;
 }
 export declare const DEFAULT_USER_INFO: UserInfoDisplay;
+type Web2LoginType = 'email' | 'phone' | PrivyOauthProviderType;
 interface FunkitWeb2ContextType {
     privy: PrivyJS | null;
     isSending: boolean;
@@ -57,9 +58,8 @@ interface FunkitWeb2ContextType {
 interface FunkitWeb2ProviderProps {
     children: ReactNode;
 }
-type Web2LoginType = 'Email' | 'Phone' | PrivyOauthProviderType;
 /**
- * Handles web2 signins for funwallets
+ * Handles web2 signins
  * - Privy (Email, Google, Apple, Twitter)
  * - Turnkey (TBD)
  */

package/dist/components/ProfileDetails/FunWalletProfileViews/FWSettings/FWSettings.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-export declare function CopyAddress({ address, type, }: {
+export declare function CopyAddress({ address, type, showAddress, }: {
     address: string;
     type: 'button' | 'kv';
+    showAddress?: boolean;
 }): React.JSX.Element | null;
 export declare function FWSettings({ onClose, onBack, onDisconnect, }: {
     onClose: () => void;

package/dist/components/index.css

@@ -4434,54 +4434,6 @@
   }
 }
 
-/* src/components/FunInput/FunInputBase.css */
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-input[type=number] {
-  -moz-appearance: textfield;
-}
-
-/* vanilla-extract-css-ns:src/components/FunInput/FunInput.css.ts.vanilla.css?source=Lnp1ZTBpNjEgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGJvcmRlcjogbm9uZTsKICBvdXRsaW5lOiBub25lOwogIHBhZGRpbmc6ICAxNHB4IDE2cHg7CiAgd2lkdGg6IDEwMCU7CiAgZm9udC1zaXplOiAxNnB4OwogIGxpbmUtaGVpZ2h0OiAyMHB4Owp9Ci56dWUwaTYxOjpwbGFjZWhvbGRlciB7CiAgY29sb3I6IGlucHV0RmllbGRQcmltYXJ5Owp9Ci56dWUwaTYxOmZvY3VzIHsKICBjb2xvcjogaW5wdXRGaWVsZFByaW1hcnk7Cn0KLnp1ZTBpNjMgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGJvcmRlcjogbm9uZTsKICBvdXRsaW5lOiBub25lOwogIHBhZGRpbmc6ICAxNHB4IDE2cHg7CiAgd2lkdGg6IDEwMCU7CiAgZm9udC1zaXplOiAxNnB4OwogIGxpbmUtaGVpZ2h0OiAyMHB4Owp9Ci56dWUwaTYzOjpwbGFjZWhvbGRlciB7CiAgY29sb3I6IGlucHV0RmllbGRQcmltYXJ5Owp9Ci56dWUwaTYzOmZvY3VzIHsKICBjb2xvcjogaW5wdXRGaWVsZFByaW1hcnk7Cn0= */
-[data-rk] .zue0i61 {
-  background-color: transparent;
-  border: none;
-  outline: none;
-  padding: 14px 16px;
-  width: 100%;
-  font-size: 16px;
-  line-height: 20px;
-}
-[data-rk] .zue0i61::-moz-placeholder {
-  color: inputFieldPrimary;
-}
-[data-rk] .zue0i61::placeholder {
-  color: inputFieldPrimary;
-}
-[data-rk] .zue0i61:focus {
-  color: inputFieldPrimary;
-}
-[data-rk] .zue0i63 {
-  background-color: transparent;
-  border: none;
-  outline: none;
-  padding: 14px 16px;
-  width: 100%;
-  font-size: 16px;
-  line-height: 20px;
-}
-[data-rk] .zue0i63::-moz-placeholder {
-  color: inputFieldPrimary;
-}
-[data-rk] .zue0i63::placeholder {
-  color: inputFieldPrimary;
-}
-[data-rk] .zue0i63:focus {
-  color: inputFieldPrimary;
-}
-
 /* vanilla-extract-css-ns:src/components/FunButton/FunButton.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMXR5eDVudTIgewogIDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOwogIH0KICAzMyUgewogICAgdHJhbnNmb3JtOiByb3RhdGUoMTVkZWcpOwogIH0KICA2NiUgewogICAgdHJhbnNmb3JtOiByb3RhdGUoLTE1ZGVnKTsKICB9CiAgMTAwJSB7CiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTsKICB9Cn0KLl8xdHl4NW51MSB7CiAgY3Vyc29yOiBwb2ludGVyOwp9Ci5fMXR5eDVudTE6aG92ZXIgewogIHRleHQtZGVjb3JhdGlvbi1saW5lOiB1bmRlcmxpbmU7Cn0KLl8xdHl4NW51MyB7CiAgY3Vyc29yOiBwb2ludGVyOwp9Ci5fMXR5eDVudTM6aG92ZXIgLl8xdHl4NW51NCB7CiAgYW5pbWF0aW9uOiBfMXR5eDVudTIgMC42cyBlYXNlLWluLW91dDsKfQ== */
 @keyframes _1tyx5nu2 {
   0% {
@@ -4540,6 +4492,92 @@ input[type=number] {
   animation-name: _7jlgx71;
 }
 
+/* vanilla-extract-css-ns:src/components/ProfileDetails/FunWalletProfileViews/FWSettings/FWSettings.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMXlnY3RvaDAgewogIDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMC43KTsKICAgIG9wYWNpdHk6IDAuMjsKICB9CiAgMTAwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDEpOwogICAgb3BhY2l0eTogMTsKICB9Cn0KQGtleWZyYW1lcyBfMXlnY3RvaDEgewogIDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgICBvcGFjaXR5OiAxOwogIH0KICA5MCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgwLjgpOwogICAgb3BhY2l0eTogMC4yOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMC41KTsKICAgIG9wYWNpdHk6IDA7CiAgfQp9Ci5fMXlnY3RvaDIgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMTUwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyOwogIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOwogIGFuaW1hdGlvbi1uYW1lOiBfMXlnY3RvaDA7Cn0KLl8xeWdjdG9oMyB7CiAgYW5pbWF0aW9uLWR1cmF0aW9uOiAxNTBtczsKICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7CiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7CiAgYW5pbWF0aW9uLW5hbWU6IF8xeWdjdG9oMTsKfQ== */
+@keyframes _1ygctoh0 {
+  0% {
+    transform: scale(0.7);
+    opacity: 0.2;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+@keyframes _1ygctoh1 {
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  90% {
+    transform: scale(0.8);
+    opacity: 0.2;
+  }
+  100% {
+    transform: scale(0.5);
+    opacity: 0;
+  }
+}
+[data-rk] ._1ygctoh2 {
+  animation-duration: 150ms;
+  animation-timing-function: linear;
+  animation-fill-mode: forwards;
+  animation-name: _1ygctoh0;
+}
+[data-rk] ._1ygctoh3 {
+  animation-duration: 150ms;
+  animation-timing-function: linear;
+  animation-fill-mode: forwards;
+  animation-name: _1ygctoh1;
+}
+
+/* src/components/FunInput/FunInputBase.css */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+input[type=number] {
+  -moz-appearance: textfield;
+}
+
+/* vanilla-extract-css-ns:src/components/FunInput/FunInput.css.ts.vanilla.css?source=Lnp1ZTBpNjEgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGJvcmRlcjogbm9uZTsKICBvdXRsaW5lOiBub25lOwogIHBhZGRpbmc6ICAxNHB4IDE2cHg7CiAgd2lkdGg6IDEwMCU7CiAgZm9udC1zaXplOiAxNnB4OwogIGxpbmUtaGVpZ2h0OiAyMHB4Owp9Ci56dWUwaTYxOjpwbGFjZWhvbGRlciB7CiAgY29sb3I6IGlucHV0RmllbGRQcmltYXJ5Owp9Ci56dWUwaTYxOmZvY3VzIHsKICBjb2xvcjogaW5wdXRGaWVsZFByaW1hcnk7Cn0KLnp1ZTBpNjMgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGJvcmRlcjogbm9uZTsKICBvdXRsaW5lOiBub25lOwogIHBhZGRpbmc6ICAxNHB4IDE2cHg7CiAgd2lkdGg6IDEwMCU7CiAgZm9udC1zaXplOiAxNnB4OwogIGxpbmUtaGVpZ2h0OiAyMHB4Owp9Ci56dWUwaTYzOjpwbGFjZWhvbGRlciB7CiAgY29sb3I6IGlucHV0RmllbGRQcmltYXJ5Owp9Ci56dWUwaTYzOmZvY3VzIHsKICBjb2xvcjogaW5wdXRGaWVsZFByaW1hcnk7Cn0= */
+[data-rk] .zue0i61 {
+  background-color: transparent;
+  border: none;
+  outline: none;
+  padding: 14px 16px;
+  width: 100%;
+  font-size: 16px;
+  line-height: 20px;
+}
+[data-rk] .zue0i61::-moz-placeholder {
+  color: inputFieldPrimary;
+}
+[data-rk] .zue0i61::placeholder {
+  color: inputFieldPrimary;
+}
+[data-rk] .zue0i61:focus {
+  color: inputFieldPrimary;
+}
+[data-rk] .zue0i63 {
+  background-color: transparent;
+  border: none;
+  outline: none;
+  padding: 14px 16px;
+  width: 100%;
+  font-size: 16px;
+  line-height: 20px;
+}
+[data-rk] .zue0i63::-moz-placeholder {
+  color: inputFieldPrimary;
+}
+[data-rk] .zue0i63::placeholder {
+  color: inputFieldPrimary;
+}
+[data-rk] .zue0i63:focus {
+  color: inputFieldPrimary;
+}
+
 /* vanilla-extract-css-ns:src/components/FunOnramp/FunOnramp.css.ts.vanilla.css?source=QGtleWZyYW1lcyByeWFvZmgwIHsKICAwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuNyk7CiAgICBvcGFjaXR5OiAwOwogICAgaGVpZ2h0OiBhdXRvOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgICBvcGFjaXR5OiAxOwogICAgaGVpZ2h0OiAyMDBweDsKICB9Cn0KQGtleWZyYW1lcyByeWFvZmgxIHsKICAwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDEpOwogICAgb3BhY2l0eTogMTsKICAgIGhlaWdodDogMjAwcHg7CiAgfQogIDkwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuOCk7CiAgICBvcGFjaXR5OiAwLjI7CiAgICBoZWlnaHQ6IGF1dG87CiAgfQogIDEwMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgwLjcpOwogICAgb3BhY2l0eTogMDsKICAgIGhlaWdodDogYXV0bzsKICB9Cn0KLnJ5YW9maDIgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMTUwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1vdXQ7CiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7CiAgYW5pbWF0aW9uLW5hbWU6IHJ5YW9maDA7Cn0KLnJ5YW9maDMgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMTUwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1vdXQ7CiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7CiAgYW5pbWF0aW9uLW5hbWU6IHJ5YW9maDE7Cn0= */
 @keyframes ryaofh0 {
   0% {
@@ -4718,44 +4756,6 @@ input[type=number] {
   animation-name: _1kmpeyf3;
 }
 
-/* vanilla-extract-css-ns:src/components/ProfileDetails/FunWalletProfileViews/FWSettings/FWSettings.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMXlnY3RvaDAgewogIDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMC43KTsKICAgIG9wYWNpdHk6IDAuMjsKICB9CiAgMTAwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDEpOwogICAgb3BhY2l0eTogMTsKICB9Cn0KQGtleWZyYW1lcyBfMXlnY3RvaDEgewogIDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgICBvcGFjaXR5OiAxOwogIH0KICA5MCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgwLjgpOwogICAgb3BhY2l0eTogMC4yOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMC41KTsKICAgIG9wYWNpdHk6IDA7CiAgfQp9Ci5fMXlnY3RvaDIgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMTUwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyOwogIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOwogIGFuaW1hdGlvbi1uYW1lOiBfMXlnY3RvaDA7Cn0KLl8xeWdjdG9oMyB7CiAgYW5pbWF0aW9uLWR1cmF0aW9uOiAxNTBtczsKICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7CiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7CiAgYW5pbWF0aW9uLW5hbWU6IF8xeWdjdG9oMTsKfQ== */
-@keyframes _1ygctoh0 {
-  0% {
-    transform: scale(0.7);
-    opacity: 0.2;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
-@keyframes _1ygctoh1 {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  90% {
-    transform: scale(0.8);
-    opacity: 0.2;
-  }
-  100% {
-    transform: scale(0.5);
-    opacity: 0;
-  }
-}
-[data-rk] ._1ygctoh2 {
-  animation-duration: 150ms;
-  animation-timing-function: linear;
-  animation-fill-mode: forwards;
-  animation-name: _1ygctoh0;
-}
-[data-rk] ._1ygctoh3 {
-  animation-duration: 150ms;
-  animation-timing-function: linear;
-  animation-fill-mode: forwards;
-  animation-name: _1ygctoh1;
-}
-
 /* vanilla-extract-css-ns:src/components/FunPayments/FunPaymentTransferType.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMXFpdWdvZzAgewogIDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMC43KTsKICAgIG9wYWNpdHk6IDA7CiAgICBtYXgtaGVpZ2h0OiAzNTZweDsKICB9CiAgMTAwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDEpOwogICAgb3BhY2l0eTogMTsKICAgIG1heC1oZWlnaHQ6IDkwMHB4OwogIH0KfQpAa2V5ZnJhbWVzIF8xcWl1Z29nMSB7CiAgMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgxKTsKICAgIG9wYWNpdHk6IDE7CiAgICBtYXgtaGVpZ2h0OiA5MDBweDsKICB9CiAgOTAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMC44KTsKICAgIG9wYWNpdHk6IDAuMjsKICAgIG1heC1oZWlnaHQ6IDQ1MHB4OwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMC43KTsKICAgIG9wYWNpdHk6IDA7CiAgICBtYXgtaGVpZ2h0OiAzNTZweDsKICB9Cn0KLl8xcWl1Z29nMiB7CiAgYW5pbWF0aW9uLWR1cmF0aW9uOiAxNTBtczsKICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLW91dDsKICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkczsKICBhbmltYXRpb24tbmFtZTogXzFxaXVnb2cwOwp9Ci5fMXFpdWdvZzMgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMTUwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1vdXQ7CiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7CiAgYW5pbWF0aW9uLW5hbWU6IF8xcWl1Z29nMTsKfQ== */
 @keyframes _1qiugog0 {
   0% {

package/dist/components/index.js

@@ -4,7 +4,7 @@ import {
   FunkitProvider,
   NATIVE_TOKEN,
   useFunkitCheckout
-} from "../chunk-2AOSP73X.js";
+} from "../chunk-7PLQM2DB.js";
 import "../chunk-47OHV4T2.js";
 import "../chunk-C2QHNJBG.js";
 import "../chunk-VP4CAK4A.js";

package/dist/consts/payment.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+/** The different payment flows in FunkitConnect. **/
+export declare enum PaymentFlow {
+    DEPOSIT = 0,
+    CHECKOUT = 1
+}
+/** Supported payment methods in FunkitConnect. **/
+export declare enum PaymentMethod {
+    /** Moonpay - Credit / Debit Card **/
+    CARD = "card",
+    /** Direct Transfer **/
+    TRANSFER = "transfer",
+    /** Account Balance **/
+    ACCOUNT_BALANCE = "balance",
+    /** Mesh - Exchange / Brokerage **/
+    BROKERAGE = "brokerage"
+}
+/** Full payment method information used in frontend during payment flows. **/
+export interface PaymentMethodInfo {
+    paymentMethod: PaymentMethod;
+    title: string;
+    titleIcon?: ReactNode;
+    description: string;
+    descriptionIcon?: ReactNode;
+    meta: any;
+}

package/dist/index.css

@@ -4472,6 +4472,74 @@
   text-overflow: ellipsis;
 }
 
+/* vanilla-extract-css-ns:src/components/FunModalTitleSection/FunModalTitleSection.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfN2psZ3g3MCB7CiAgMCUgewogICAgb3BhY2l0eTogMC4yOwogIH0KICAxMDAlIHsKICAgIG9wYWNpdHk6IDE7CiAgfQp9CkBrZXlmcmFtZXMgXzdqbGd4NzEgewogIDAlIHsKICAgIG9wYWNpdHk6IDE7CiAgfQogIDEwMCUgewogICAgb3BhY2l0eTogMC4yOwogIH0KfQouXzdqbGd4NzIgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMzAwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyOwogIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOwogIGFuaW1hdGlvbi1uYW1lOiBfN2psZ3g3MDsKfQouXzdqbGd4NzMgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMzAwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyOwogIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOwogIGFuaW1hdGlvbi1uYW1lOiBfN2psZ3g3MTsKfQ== */
+@keyframes _7jlgx70 {
+  0% {
+    opacity: 0.2;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes _7jlgx71 {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.2;
+  }
+}
+[data-rk] ._7jlgx72 {
+  animation-duration: 300ms;
+  animation-timing-function: linear;
+  animation-fill-mode: forwards;
+  animation-name: _7jlgx70;
+}
+[data-rk] ._7jlgx73 {
+  animation-duration: 300ms;
+  animation-timing-function: linear;
+  animation-fill-mode: forwards;
+  animation-name: _7jlgx71;
+}
+
+/* vanilla-extract-css-ns:src/components/ProfileDetails/FunWalletProfileViews/FWSettings/FWSettings.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMXlnY3RvaDAgewogIDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMC43KTsKICAgIG9wYWNpdHk6IDAuMjsKICB9CiAgMTAwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDEpOwogICAgb3BhY2l0eTogMTsKICB9Cn0KQGtleWZyYW1lcyBfMXlnY3RvaDEgewogIDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgICBvcGFjaXR5OiAxOwogIH0KICA5MCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgwLjgpOwogICAgb3BhY2l0eTogMC4yOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMC41KTsKICAgIG9wYWNpdHk6IDA7CiAgfQp9Ci5fMXlnY3RvaDIgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMTUwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyOwogIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOwogIGFuaW1hdGlvbi1uYW1lOiBfMXlnY3RvaDA7Cn0KLl8xeWdjdG9oMyB7CiAgYW5pbWF0aW9uLWR1cmF0aW9uOiAxNTBtczsKICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7CiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7CiAgYW5pbWF0aW9uLW5hbWU6IF8xeWdjdG9oMTsKfQ== */
+@keyframes _1ygctoh0 {
+  0% {
+    transform: scale(0.7);
+    opacity: 0.2;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+@keyframes _1ygctoh1 {
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  90% {
+    transform: scale(0.8);
+    opacity: 0.2;
+  }
+  100% {
+    transform: scale(0.5);
+    opacity: 0;
+  }
+}
+[data-rk] ._1ygctoh2 {
+  animation-duration: 150ms;
+  animation-timing-function: linear;
+  animation-fill-mode: forwards;
+  animation-name: _1ygctoh0;
+}
+[data-rk] ._1ygctoh3 {
+  animation-duration: 150ms;
+  animation-timing-function: linear;
+  animation-fill-mode: forwards;
+  animation-name: _1ygctoh1;
+}
+
 /* src/components/FunInput/FunInputBase.css */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
@@ -4520,36 +4588,6 @@ input[type=number] {
   color: inputFieldPrimary;
 }
 
-/* vanilla-extract-css-ns:src/components/FunModalTitleSection/FunModalTitleSection.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfN2psZ3g3MCB7CiAgMCUgewogICAgb3BhY2l0eTogMC4yOwogIH0KICAxMDAlIHsKICAgIG9wYWNpdHk6IDE7CiAgfQp9CkBrZXlmcmFtZXMgXzdqbGd4NzEgewogIDAlIHsKICAgIG9wYWNpdHk6IDE7CiAgfQogIDEwMCUgewogICAgb3BhY2l0eTogMC4yOwogIH0KfQouXzdqbGd4NzIgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMzAwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyOwogIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOwogIGFuaW1hdGlvbi1uYW1lOiBfN2psZ3g3MDsKfQouXzdqbGd4NzMgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMzAwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyOwogIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOwogIGFuaW1hdGlvbi1uYW1lOiBfN2psZ3g3MTsKfQ== */
-@keyframes _7jlgx70 {
-  0% {
-    opacity: 0.2;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes _7jlgx71 {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0.2;
-  }
-}
-[data-rk] ._7jlgx72 {
-  animation-duration: 300ms;
-  animation-timing-function: linear;
-  animation-fill-mode: forwards;
-  animation-name: _7jlgx70;
-}
-[data-rk] ._7jlgx73 {
-  animation-duration: 300ms;
-  animation-timing-function: linear;
-  animation-fill-mode: forwards;
-  animation-name: _7jlgx71;
-}
-
 /* vanilla-extract-css-ns:src/components/FunOnramp/FunOnramp.css.ts.vanilla.css?source=QGtleWZyYW1lcyByeWFvZmgwIHsKICAwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuNyk7CiAgICBvcGFjaXR5OiAwOwogICAgaGVpZ2h0OiBhdXRvOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgICBvcGFjaXR5OiAxOwogICAgaGVpZ2h0OiAyMDBweDsKICB9Cn0KQGtleWZyYW1lcyByeWFvZmgxIHsKICAwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDEpOwogICAgb3BhY2l0eTogMTsKICAgIGhlaWdodDogMjAwcHg7CiAgfQogIDkwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuOCk7CiAgICBvcGFjaXR5OiAwLjI7CiAgICBoZWlnaHQ6IGF1dG87CiAgfQogIDEwMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgwLjcpOwogICAgb3BhY2l0eTogMDsKICAgIGhlaWdodDogYXV0bzsKICB9Cn0KLnJ5YW9maDIgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMTUwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1vdXQ7CiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7CiAgYW5pbWF0aW9uLW5hbWU6IHJ5YW9maDA7Cn0KLnJ5YW9maDMgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMTUwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1vdXQ7CiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7CiAgYW5pbWF0aW9uLW5hbWU6IHJ5YW9maDE7Cn0= */
 @keyframes ryaofh0 {
   0% {
@@ -4728,44 +4766,6 @@ input[type=number] {
   animation-name: _1kmpeyf3;
 }
 
-/* vanilla-extract-css-ns:src/components/ProfileDetails/FunWalletProfileViews/FWSettings/FWSettings.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMXlnY3RvaDAgewogIDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMC43KTsKICAgIG9wYWNpdHk6IDAuMjsKICB9CiAgMTAwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDEpOwogICAgb3BhY2l0eTogMTsKICB9Cn0KQGtleWZyYW1lcyBfMXlnY3RvaDEgewogIDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7CiAgICBvcGFjaXR5OiAxOwogIH0KICA5MCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgwLjgpOwogICAgb3BhY2l0eTogMC4yOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMC41KTsKICAgIG9wYWNpdHk6IDA7CiAgfQp9Ci5fMXlnY3RvaDIgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMTUwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyOwogIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOwogIGFuaW1hdGlvbi1uYW1lOiBfMXlnY3RvaDA7Cn0KLl8xeWdjdG9oMyB7CiAgYW5pbWF0aW9uLWR1cmF0aW9uOiAxNTBtczsKICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7CiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7CiAgYW5pbWF0aW9uLW5hbWU6IF8xeWdjdG9oMTsKfQ== */
-@keyframes _1ygctoh0 {
-  0% {
-    transform: scale(0.7);
-    opacity: 0.2;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
-@keyframes _1ygctoh1 {
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  90% {
-    transform: scale(0.8);
-    opacity: 0.2;
-  }
-  100% {
-    transform: scale(0.5);
-    opacity: 0;
-  }
-}
-[data-rk] ._1ygctoh2 {
-  animation-duration: 150ms;
-  animation-timing-function: linear;
-  animation-fill-mode: forwards;
-  animation-name: _1ygctoh0;
-}
-[data-rk] ._1ygctoh3 {
-  animation-duration: 150ms;
-  animation-timing-function: linear;
-  animation-fill-mode: forwards;
-  animation-name: _1ygctoh1;
-}
-
 /* vanilla-extract-css-ns:src/components/FunPayments/FunPaymentTransferType.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMXFpdWdvZzAgewogIDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMC43KTsKICAgIG9wYWNpdHk6IDA7CiAgICBtYXgtaGVpZ2h0OiAzNTZweDsKICB9CiAgMTAwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDEpOwogICAgb3BhY2l0eTogMTsKICAgIG1heC1oZWlnaHQ6IDkwMHB4OwogIH0KfQpAa2V5ZnJhbWVzIF8xcWl1Z29nMSB7CiAgMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgxKTsKICAgIG9wYWNpdHk6IDE7CiAgICBtYXgtaGVpZ2h0OiA5MDBweDsKICB9CiAgOTAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMC44KTsKICAgIG9wYWNpdHk6IDAuMjsKICAgIG1heC1oZWlnaHQ6IDQ1MHB4OwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogc2NhbGUoMC43KTsKICAgIG9wYWNpdHk6IDA7CiAgICBtYXgtaGVpZ2h0OiAzNTZweDsKICB9Cn0KLl8xcWl1Z29nMiB7CiAgYW5pbWF0aW9uLWR1cmF0aW9uOiAxNTBtczsKICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLW91dDsKICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkczsKICBhbmltYXRpb24tbmFtZTogXzFxaXVnb2cwOwp9Ci5fMXFpdWdvZzMgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMTUwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1vdXQ7CiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7CiAgYW5pbWF0aW9uLW5hbWU6IF8xcWl1Z29nMTsKfQ== */
 @keyframes _1qiugog0 {
   0% {

package/dist/index.js

@@ -31,7 +31,7 @@ import {
   useFunCheckoutModal,
   useFunkitCheckout,
   useWalletConnectors
-} from "./chunk-2AOSP73X.js";
+} from "./chunk-7PLQM2DB.js";
 import {
   darkTheme
 } from "./chunk-47OHV4T2.js";

package/dist/utils/checkout.d.ts

@@ -103,3 +103,7 @@ export declare function categorizeCheckoutHistories(checkoutHistoryList: Checkou
 };
 export declare function getCheckoutStateStepNumber(state: CheckoutState): 0 | 1 | 3 | 2;
 export declare function formatTokenAmountForMoonpay(amount: number): string;
+export declare function combineChainSymbolOrAddress({ chainId, symbolOrAddress, }: {
+    chainId: string;
+    symbolOrAddress: string;
+}): string | null;

package/dist/utils/deposit.d.ts

@@ -1,4 +1,4 @@
-import { PaymentFlow } from '../components/FunPayments/FunPaymentMethods';
+import { PaymentFlow } from '../consts/payment';
 export declare function isAmountValidForMoonpay({ amountUsd, }: {
     amountUsd: string | undefined | null;
 }): boolean;