@funkit/connect 0.1.12 → 0.1.14

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

@@ -1,7 +1,8 @@
+import { CheckoutHistoryItem } from '@funkit/core';
 import React from 'react';
 /**
  * Processing info about a checkout history item (already created in backed)
  */
-export declare function FunCheckoutHistoryDetail({ depositAddress, }: {
-    depositAddress: string;
+export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, }: {
+    checkoutHistoryInfo: CheckoutHistoryItem;
 }): React.JSX.Element;

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryModal.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 interface FunCheckoutHistoryModalProps {
     open: boolean;
     onClose: () => void;
-    depositAddress: string | null;
+    depositAddress: string;
 }
 export declare function FunCheckoutHistoryModal({ onClose, open, depositAddress, }: FunCheckoutHistoryModalProps): React.JSX.Element;
 export {};

package/dist/components/FunKeyValue/FunKeyValue.d.ts

@@ -15,10 +15,11 @@ export interface FunKeyValueProps {
     valueTextColor?: BoxProps['color'];
     valueTextSize?: TextProps['size'];
     valueTextWeight?: TextProps['weight'];
+    disclaimerTextColor?: BoxProps['color'];
     backgroundBaseColor?: BoxProps['background'] | undefined | any;
     paddingY?: BoxProps['paddingY'];
     paddingX?: BoxProps['paddingX'];
     isDisabled?: boolean;
 }
 export declare function FunKeyValue({ keyIcon, keyText, valueIcon, valueText, disclaimerText, onClick, hasBorder, backgroundBaseColor, // 'actionButtonSecondaryBackground'
-keyTextColor, keyTextSize, keyTextWeight, valueTextColor, valueTextSize, valueTextWeight, paddingY, paddingX, isDisabled, }: FunKeyValueProps): React.JSX.Element;
+keyTextColor, keyTextSize, keyTextWeight, valueTextColor, valueTextSize, valueTextWeight, disclaimerTextColor, paddingY, paddingX, isDisabled, }: FunKeyValueProps): React.JSX.Element;

package/dist/components/FunOnramp/FunOnrampConfirmationStep.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
+import { FeesItem } from '../FunTransactionSummary/FunTransactionSummary';
 interface FunOnrampConfirmationProps {
     token: string;
     tokenAmountUsd: number;
-    estimatedFees: number;
+    estimatedFees: FeesItem;
     estimatedProcessingTime: string;
     totalAmountUsd: number;
     onConfirm: () => void;

package/dist/components/FunOnramp/FunOnrampInputStep.d.ts

@@ -1,6 +1,8 @@
 import React, { Dispatch, SetStateAction } from 'react';
-export declare function FunOnrampInputStep({ tokenTicker, amount, onChangeAmount, onClickContinue, backAnimation, }: {
+import { DepositTokenSymbol } from '../ProfileDetails/FunWalletProfileViews/FWDeposit';
+export declare function FunOnrampInputStep({ tokenTicker, setDepositToken, amount, onChangeAmount, onClickContinue, backAnimation, }: {
     tokenTicker: string;
+    setDepositToken: Dispatch<SetStateAction<DepositTokenSymbol>>;
     amount: string;
     onChangeAmount: Dispatch<SetStateAction<string>>;
     onClickContinue: () => void;

package/dist/components/FunOnramp/FunOnrampTokenPill.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DepositTokenSymbol } from '../ProfileDetails/FunWalletProfileViews/FWDeposit';
+export declare function FunOnrampTokenPill({ token, isActive, onClick, }: {
+    token: DepositTokenSymbol;
+    isActive: boolean;
+    onClick?: undefined | null | (() => void);
+}): React.JSX.Element;

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

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { DepositTokenSymbol } from '../ProfileDetails/FunWalletProfileViews/FWDeposit';
 /** @description The different payment flows. Either from Deposit or Checkout. */
 export declare enum PaymentFlow {
     DEPOSIT = 0,
@@ -40,13 +41,15 @@ export declare function ExistingPaymentMethodItem({ paymentMethodInfo, onClick,
 /**
  * Handle selection and adding of payment methods
  */
-export declare function FunPaymentMethods({ paymentFlow, onSelect, isDisabled, backAnimation, depositInfo, }: {
+export declare function FunPaymentMethods({ checkoutId, // only valid for paymentFlow === CHECKOUT
+paymentFlow, onSelect, isDisabled, backAnimation, depositInfo, }: {
+    checkoutId?: string | null;
     paymentFlow: PaymentFlow;
     onSelect: (paymentMethodInfo: PaymentMethodInfo) => void;
     isDisabled?: boolean;
     backAnimation?: boolean;
     depositInfo?: {
         amount: string;
-        tokenTicker: string | null;
+        tokenTicker: string | DepositTokenSymbol | null;
     };
 }): React.JSX.Element;

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

@@ -1,4 +1,4 @@
-export declare const contentAnimationDefaults: {
+export declare const titleSection: {
     animationDuration: string;
     animationTimingFunction: string;
     animationFillMode: string;

package/dist/components/FunSelect/FunSelect.d.ts

@@ -4,11 +4,13 @@ export interface FunSelectOption {
     value: string;
     label: ReactNode;
 }
-export declare function FunSelectDropdown({ handleSelect, isDropdownOpen, options, selectedValue, optionItemPadding, showBorder, }: {
+export declare function FunSelectDropdown({ handleSelect, isDropdownOpen, options, selectedValue, containerPaddingY, containerMarginTop, optionItemPadding, showBorder, }: {
     handleSelect: (newValue: FunSelectOption['value']) => void;
     isDropdownOpen: boolean;
     options: FunSelectOption[];
     selectedValue: FunSelectOption['value'];
+    containerPaddingY?: BoxProps['paddingY'];
+    containerMarginTop?: BoxProps['marginTop'];
     optionItemPadding?: BoxProps['padding'];
     showBorder?: boolean;
 }): React.JSX.Element | null;

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

@@ -1,6 +1,15 @@
 import React, { ReactNode } from 'react';
+export type FeesItem = null | {
+    totalUsd: string | number | null;
+    transactionFeesUsd: string | number | null;
+    transactionFeesTokenAmount?: string | number | null;
+    transactionFeesTokenSymbol?: string | null;
+    platformFeesUsd: string | number | null;
+    platformFeesTokenAmount?: string | number | null;
+    platformFeesTokenSymbol?: string | null;
+};
 export declare function FunTransactionSummary({ estFees, estTime, isLoading, hasTotal, total, hasPaymentToken, symbol, paymentTokenString, suffixComponent, errorMessage, }: {
-    estFees: string | number | null;
+    estFees: FeesItem;
     estTime: string | number | null;
     isLoading?: boolean;
     hasTotal?: boolean;

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

@@ -2,12 +2,15 @@ import { CheckoutCoreQuoteResponse, CheckoutHistoryItem } from '@funkit/core';
 import React, { ReactNode } from 'react';
 import { Abi, Address } from 'viem';
 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;
     contractAddress: Address;
     functionName: string;
     functionArgs: any[];
+    value?: bigint;
 }
 export interface FunkitCheckoutConfig {
     /** ****************************
@@ -23,6 +26,8 @@ export interface FunkitCheckoutConfig {
     targetAssetAmount: number;
     /** Timestamp (in milliseconds) after which the checkout should not be performed, and the funds will become rescuable. Min: 300000 (5 mins), Max: 3600000 (1 hour). **/
     expirationTimestampMs: number;
+    /** Custom recipient address of the checkout. If specified, a different checkout flow will be executed. It is not recommended to set this unless the Fun.xyz team advises it. **/
+    customRecipient?: Address;
     /** ****************************************
      * Checkout ModalUI-related configurations *
      *******************************************/
@@ -41,7 +46,13 @@ interface FunkitCheckoutValidationResult {
     isValid: boolean;
     message: string;
 }
-type FunkitCheckoutQuoteResult = CheckoutCoreQuoteResponse;
+type FunkitCheckoutQuoteResult = {
+    baseQuote: CheckoutCoreQuoteResponse;
+    finalTimeEstimationMs: number;
+    finalPaymentTokenAmount: string;
+    finalTotalUsd: string;
+    finalFeesBreakdown: FeesItem;
+};
 export type FunkitCheckoutResult = {
     type: 'error' | 'success';
     message: string;
@@ -50,15 +61,19 @@ export type FunkitCheckoutResult = {
 interface useFunkitCheckoutProps {
     /** @required the checkout config object **/
     config: FunkitCheckoutConfig;
+    /** @optional fires when the checkout modal is opened **/
+    onOpen?: () => void;
+    /** @optional fires when the checkout modal is closed **/
+    onClose?: () => void;
     /** @optional fires when checkout config is done validating **/
     onValidation?: (result: FunkitCheckoutValidationResult) => void;
     /** @optional fires when a checkout quote is received **/
     onEstimation?: (result: FunkitCheckoutQuoteResult) => void;
     /** @optional fires when a checkout if confirmed with the funkit server **/
     onConfirmation?: () => void;
-    /** @optional fires if the checkout fails at any point */
+    /** @optional fires if the checkout fails at any point **/
     onError?: (result: FunkitCheckoutResult) => void;
-    /** @optional fires if the checkout fails at any point */
+    /** @optional fires if the checkout fails at any point **/
     onSuccess?: (result: FunkitCheckoutResult) => void;
 }
 /**
@@ -98,7 +113,7 @@ interface useFunkitPreCheckoutInternalReturn {
     updateSourceAsset: (newSourceAsset: Address, newSourceAssetSymbol: string, newSourceAssetChainId: string) => void;
     confirmCheckout: (shouldBatchOpBypassInit: boolean) => Promise<Address>;
     getCheckoutDraftDollarValue: () => Promise<void>;
-    getCheckoutQuote: (sponsorInitialTransferGasLimit: number, paymentMethod: PaymentMethod) => Promise<void>;
+    getCheckoutQuote: (sponsorInitialTransferGasLimit: number, paymentMethod: PaymentMethod, meshMeta: MeshCheckoutQuoteMeta) => Promise<void>;
 }
 /**
  * Internal hook to handle frontend pre-checkout operations, PER-CHECKOUT ITEM.
@@ -108,7 +123,8 @@ export declare const useFunkitPreCheckoutInternal: (checkoutId: string | null) =
  * Internal hook to handle post-checkout, PER-BACKEND-CHECKOUT ITEM.
  */
 export declare const useFunkitPostCheckoutInternal: (depositAddress: Address) => {
-    checkoutHistoryInfo: CheckoutHistoryItem;
+    isLoading: boolean;
+    checkoutHistoryInfo: CheckoutHistoryItem | undefined;
 };
 /**
  * Internal hook to get all post-checkout items

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

@@ -12,6 +12,8 @@ export interface FunkitConfig {
     enabledLoginOptions: LoginOptions;
     /** App name **/
     appName: string;
+    /** App logo (rendered as 80px x 80px) **/
+    appLogoSrc?: string;
 }
 export declare const FunkitConfigContext: import("react").Context<FunkitConfig>;
 export declare function useFunkitConfig(): FunkitConfig;

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

@@ -1,18 +1,23 @@
 import { Auth, FunWallet } from '@funkit/core';
 import React from 'react';
+import { UserInfoDisplay } from '../FunkitWeb2Provider/FunkitWeb2Provider';
 type GeneralWalletAssets = null | {
     [x: string]: any;
 };
 interface GeneralWalletContextProps {
     walletAddress: string;
+    isUserLoggedIn: boolean;
     isWeb2Login: boolean;
     isWeb3Login: boolean;
+    userId: string | null;
+    userDisplayInfo: UserInfoDisplay;
     isFetchingAssets: boolean;
     walletAssets: GeneralWalletAssets;
     startAssetsListener: () => void;
     stopAssetsListener: () => void;
     funWallet: FunWallet | null;
     funWalletAuth: Auth | null;
+    handleLogout: () => void;
 }
 export declare function GeneralWalletProvider({ children }: any): React.JSX.Element;
 export declare const useGeneralWallet: () => GeneralWalletContextProps;

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

@@ -1,5 +1,4 @@
 import React, { ReactNode } from 'react';
-import { FunConfirmDialogMenuTypes } from '../FunConfirmDialog/FunConfirmDialog';
 interface ModalProviderProps {
     children: ReactNode;
 }
@@ -35,7 +34,4 @@ export declare function useFunDevTestModal(): {
     funDevTestModalOpen: boolean;
     openFunDevTestModal: (() => void) | undefined;
 };
-export declare function useConfirmModal(): {
-    openConfirmModal: ((type: FunConfirmDialogMenuTypes.CONFIRM_LOGOUT, action: (() => void) | (() => Promise<void>)) => void) | undefined;
-};
 export {};

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

@@ -1,11 +1,5 @@
 import PrivyJS from '@privy-io/js-sdk-core';
 import React, { ReactNode } from 'react';
-interface UserInfoDisplay {
-    type: string;
-    label: string;
-    value: string;
-    id: string;
-}
 interface OtpErrors {
     code: string;
     otpValue: string;
@@ -27,6 +21,13 @@ export declare const SEND_OTP_ERROR_MESSAGES: {
     readonly NETWORK_ERROR: "Network error occurred";
 };
 export type PrivyOauthProviderType = (typeof privyOauthProvider)[keyof typeof privyOauthProvider];
+export interface UserInfoDisplay {
+    type: PrivyOauthProviderType | 'wallet' | 'unknown';
+    label: string;
+    value: string;
+    id: string;
+}
+export declare const DEFAULT_USER_INFO: UserInfoDisplay;
 interface FunkitWeb2ContextType {
     privy: PrivyJS | null;
     isSending: boolean;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const RedirectIcon: () => React.JSX.Element;

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

@@ -1,5 +1,8 @@
 import React from 'react';
-export declare const DEFAULT_DEPOSIT_TOKEN_TICKER = "USDC";
+export declare enum DepositTokenSymbol {
+    USDC = "USDC",
+    ETH = "ETH"
+}
 export declare const MINIMUM_MOONPAY_DEPOSIT_AMOUNT_USD = 30;
 /**
  * Deposit a.k.a Onramp flows

package/dist/components/ProfileDetails/FunWalletProfileViews/FWHome/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FunWalletProfileView } from '../../FunWalletProfileDetails';
+import { FunWalletProfileView } from '../../WalletProfileDetails';
 export declare function FWHome({ onClose, onChangeView, }: {
     onClose: () => void;
     onChangeView: (newView: FunWalletProfileView) => void;

package/dist/components/ProfileDetails/{FunWalletProfileDetails.d.ts → WalletProfileDetails.d.ts}

@@ -13,7 +13,7 @@ interface FunWalletProfileDetailsProps {
     onDisconnect: () => void;
 }
 /**
- * Profile details for FunWallets
+ * Profile details for General Wallets
  */
-export declare function FunWalletProfileDetails({ onClose, onSoftHide, onDisconnect, }: FunWalletProfileDetailsProps): React.JSX.Element;
+export declare function WalletProfileDetails({ onClose, onSoftHide, onDisconnect, }: FunWalletProfileDetailsProps): React.JSX.Element;
 export {};