@funkit/connect 1.0.25 → 1.0.27

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @funkit/connect
 
+## 1.0.27
+
+### Patch Changes
+
+- 246385b: feat: zksync era support (phase 1)
+- 5640e0d: refactor: make privyAppId optional
+- 0d74c9c: refactor: exclude userop if not needed
+- b7994d1: feat: round up small usd fee values to 0.01
+- 6d1a34d: refactor: checkout input v2
+- b7994d1: feat: rename platform fees for card flow
+- 5640e0d: feat: more default exports - `getDefaultChains`, `getDefaultTransports`
+- Updated dependencies [246385b]
+- Updated dependencies [7522d0c]
+  - @funkit/core@1.0.11
+  - @funkit/wagmi-tools@1.0.12
+
+## 1.0.26
+
+### Patch Changes
+
+- 92447ae: feat: checkout history traversal & route memory
+- c84cb9d: feat: deprecate direct execution flow
+- fa2bb25: feat: new `useFunkitAccount` hook
+- c84cb9d: feat: new fees display
+- Updated dependencies [49ec685]
+- Updated dependencies [185b90c]
+  - @funkit/core@1.0.10
+  - @funkit/wagmi-tools@1.0.11
+
 ## 1.0.25
 
 ### Patch Changes

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { HistoryContentPages } from '../../utils/checkoutHistory';
+export declare function FunCheckoutHistoryContent({ onClose, depositAddress, initialPage, onBackFromDetailPage, }: {
+    depositAddress: `0x${string}`;
+    initialPage: HistoryContentPages;
+    onClose: () => void;
+    onBackFromDetailPage: undefined | (() => void);
+}): React.JSX.Element;

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

@@ -1,11 +1,11 @@
 import { CheckoutHistoryItem } from '@funkit/core';
 import React, { Dispatch, SetStateAction } from 'react';
-import { HistoryModalPages } from '../../utils/checkoutHistory';
+import { HistoryContentPages } from '../../utils/checkoutHistory';
 /**
  * Processing info about a checkout history item (already created in backend)
  */
 export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, setCurrentPage, animateOut, }: {
     checkoutHistoryInfo: CheckoutHistoryItem;
-    setCurrentPage: Dispatch<SetStateAction<HistoryModalPages>>;
+    setCurrentPage: Dispatch<SetStateAction<HistoryContentPages>>;
     animateOut: boolean;
 }): React.JSX.Element;

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import { HistoryModalPages } from '../../utils/checkoutHistory';
+import { HistoryContentPages } from '../../utils/checkoutHistory';
 interface FunCheckoutHistoryModalProps {
     open: boolean;
     onClose: () => void;
     depositAddress: `0x${string}`;
-    initialPage: HistoryModalPages;
+    initialPage: HistoryContentPages;
 }
 export declare function FunCheckoutHistoryModal({ onClose, open, depositAddress, initialPage, }: FunCheckoutHistoryModalProps): React.JSX.Element;
 export {};

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

@@ -1,13 +1,15 @@
 import React from 'react';
 import { FunkitActiveCheckoutItem } from '../FunkitProvider/FunkitCheckoutContext';
 import { FunCheckoutStep } from './FunCheckoutModal';
-export declare function CheckoutPrimaryInfoSnapshot({ checkoutItem, isLoading, isEditable, onConfirmEdit, }: {
+export declare function CheckoutPrimaryInfoSnapshot({ checkoutItem, isLoading, isEditable, onConfirmEdit, prioritizeDraftValue, }: {
     checkoutItem: FunkitActiveCheckoutItem;
     isLoading: boolean;
     isEditable: boolean;
     onConfirmEdit?: (newValue: number) => void;
+    prioritizeDraftValue: boolean;
 }): React.JSX.Element;
-export declare function CheckoutPrimaryInfo({ checkoutId, checkoutStep, }: {
+export declare function CheckoutPrimaryInfo({ checkoutId, checkoutStep, prioritizeDraftValue, }: {
     checkoutId: string | null;
     checkoutStep: FunCheckoutStep;
+    prioritizeDraftValue: boolean;
 }): React.JSX.Element | null;

package/dist/components/FunNotification/FunCheckoutNotification.d.ts

@@ -1,6 +1,7 @@
 import { CheckoutHistoryItem } from '@funkit/core';
 import React from 'react';
-export declare function FunCheckoutNotification({ checkoutHistoryItem, onBeforeRedirect, }: {
+import { HistoryContentPages } from '../../utils/checkoutHistory';
+export declare function FunCheckoutNotification({ checkoutHistoryItem, onSelect, }: {
     checkoutHistoryItem: CheckoutHistoryItem;
-    onBeforeRedirect: () => void;
+    onSelect: (depositAddress: `0x${string}`, initialPage: HistoryContentPages) => void;
 }): React.JSX.Element;

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

@@ -1,5 +1,6 @@
 import './FunTransactionSummary.css';
 import React, { ReactNode } from 'react';
+import { PaymentMethod } from '../../consts/payment';
 export type FeesItem = null | {
     totalUsd: string | number | null;
     transactionFeesUsd: string | number | null;
@@ -9,7 +10,7 @@ export type FeesItem = null | {
     platformFeesTokenAmount?: string | number | null;
     platformFeesTokenSymbol?: string | null;
 };
-export declare function FunTransactionSummary({ estFees, estTime, isLoading, hasTotal, total, hasPaymentToken, symbol, paymentTokenString, suffixComponent, errorMessage, }: {
+export declare function FunTransactionSummary({ estFees, estTime, isLoading, hasTotal, total, hasPaymentToken, symbol, paymentTokenString, suffixComponent, errorMessage, paymentMethod, }: {
     estFees: FeesItem;
     estTime: string | number | null;
     isLoading?: boolean;
@@ -20,4 +21,5 @@ export declare function FunTransactionSummary({ estFees, estTime, isLoading, has
     total?: string | number | null;
     suffixComponent?: ReactNode;
     errorMessage?: string;
+    paymentMethod: PaymentMethod;
 }): React.JSX.Element;

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

@@ -102,6 +102,8 @@ export interface FunkitActiveCheckoutItem {
     isDrafting: boolean;
     /** The draft dollar value estimate of the checkout. Not the actual quote. **/
     draftDollarValue: null | number;
+    /** The final dollar value of the checkout. Derived from latestQuote. **/
+    finalDollarValue: null | number;
     /** Whether the checkout quote is being fetched **/
     isQuoting: boolean;
     /** Latest checkout estimated fees and time **/

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

@@ -13,6 +13,7 @@ export interface FunkitTextCustomizationsConfig {
     payWith: string;
 }
 export declare const DEFAULT_TEXT_CUSTOMIZATIONS: FunkitTextCustomizationsConfig;
+export declare const DEFAULT_PRIVY_APP_ID = "clnatprpv00sfmi0fv3qc185b";
 interface FunkitLoginOptionsConfig {
     web2: boolean;
     web3: boolean;
@@ -42,8 +43,6 @@ interface FunkitPaymentsConfig {
 export type FunkitConfig = {
     /** Funkit api key **/
     apiKey: string;
-    /** Privy appId. It is recommended for customers to apply for their own at https://dashboard.privy.io **/
-    privyAppId: string;
     /** App name **/
     appName: string;
     /** App logo (rendered as 80px x 80px) **/
@@ -54,6 +53,8 @@ export type FunkitConfig = {
     allowBackgroundScroll?: boolean;
     /** Text customizations across all widgets **/
     textCustomizations?: Partial<FunkitTextCustomizationsConfig>;
+    /** Privy appId for social account management. It is not recommended to replace this. **/
+    privyAppId?: string;
     /** Login modal configuration **/
     loginModalConfig: Partial<FunkitLoginOptionsConfig>;
     /** Account modal configuration **/
@@ -71,6 +72,7 @@ interface FinalFunkitConfigInternal extends FunkitConfig {
     loginModalConfig: FunkitLoginOptionsConfig;
     accountModalConfig: FunkitAccountOptionsConfig;
     paymentsConfig: FunkitPaymentsConfig;
+    privyAppId: string;
 }
 export declare const FunkitConfigContext: import("react").Context<FunkitConfig>;
 export declare function useFunkitConfig(): FinalFunkitConfigInternal;

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

@@ -10,10 +10,6 @@ interface FunkitConnectChainProviderProps {
 }
 export declare function FunkitConnectChainProvider({ children, initialChain, }: FunkitConnectChainProviderProps): React.JSX.Element;
 export declare const useFunkitConnectChains: () => FunkitConnectChain[];
+export declare const useFunkitConnectChainsById: () => Record<number, FunkitConnectChain>;
 export declare const useInitialChainId: () => number | undefined;
-export declare const useAllPossibleFunkitConnectChains: () => Chain[];
-export declare const useFunkitConnectChainsById: () => {
-    enabledFunkitConnectChainsById: Record<number, FunkitConnectChain>;
-    allPossibleFunkitConnectChainsById: Record<number, FunkitConnectChain>;
-};
 export {};

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

@@ -23,6 +23,66 @@ interface GeneralWalletContextProps {
 }
 export declare function GeneralWalletProvider({ children }: any): React.JSX.Element;
 export declare const useGeneralWallet: () => GeneralWalletContextProps;
+/**
+ * Replacement for wagmi's `useAccount`
+ */
+export declare const useFunkitAccount: () => {
+    account: string;
+    isConnected: boolean;
+    isWeb2Login: boolean;
+    isWeb3Login: boolean;
+    address: undefined;
+    addresses: undefined;
+    chain: undefined;
+    chainId: undefined;
+    connector: undefined;
+    isReconnecting: false;
+    isConnecting: false;
+    isDisconnected: true;
+    status: "disconnected";
+} | {
+    account: string;
+    isConnected: boolean;
+    isWeb2Login: boolean;
+    isWeb3Login: boolean;
+    address: `0x${string}`;
+    addresses: readonly [`0x${string}`, ...`0x${string}`[]];
+    chain: import("viem").Chain | undefined;
+    chainId: number;
+    connector: import("wagmi").Connector;
+    isConnecting: false;
+    isDisconnected: false;
+    isReconnecting: false;
+    status: "connected";
+} | {
+    account: string;
+    isConnected: boolean;
+    isWeb2Login: boolean;
+    isWeb3Login: boolean;
+    address: `0x${string}` | undefined;
+    addresses: readonly `0x${string}`[] | undefined;
+    chain: import("viem").Chain | undefined;
+    chainId: number | undefined;
+    connector: import("wagmi").Connector | undefined;
+    isConnecting: false;
+    isDisconnected: false;
+    isReconnecting: true;
+    status: "reconnecting";
+} | {
+    account: string;
+    isConnected: boolean;
+    isWeb2Login: boolean;
+    isWeb3Login: boolean;
+    address: `0x${string}` | undefined;
+    addresses: readonly `0x${string}`[] | undefined;
+    chain: import("viem").Chain | undefined;
+    chainId: number | undefined;
+    connector: import("wagmi").Connector | undefined;
+    isReconnecting: false;
+    isConnecting: true;
+    isDisconnected: false;
+    status: "connecting";
+};
 /**
  * Replacement for wagmi's `disconnect` from `useDisconnect`
  */

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

@@ -1,3 +1,11 @@
 import { FunkitConnectChain } from './FunkitConnectChainContext';
+export declare const chainMetadataById: {
+    [k: string]: {
+        name?: string | undefined;
+        iconUrl: () => Promise<string>;
+        iconBackground: string;
+    };
+};
 /** @description Decorates an array of wagmi `Chain` objects with FunkitConnectChain property overrides */
 export declare const provideFunkitConnectChains: <Chain extends FunkitConnectChain>(chains: readonly [Chain, ...Chain[]] | Chain[]) => Chain[];
+export declare const groupChainsById: (chains: FunkitConnectChain[]) => Record<number, FunkitConnectChain>;

package/dist/components/ProfileDetails/ActivityTraversalContext.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { HistoryContentPages } from '../../utils/checkoutHistory';
+import { FunProfileView } from './ProfileDetails';
+export declare const ActivityTraversalContext: React.Context<{
+    selectedPurchaseId: `0x${string}` | undefined;
+    selectedPurchaseInitView: HistoryContentPages | undefined;
+    returnView: FunProfileView | undefined;
+    returnViewPresets: {
+        [x: string]: any;
+    };
+    onSelectActivity: ({ depositAddress, initialPage, returnView, returnViewPresets, onRedirect, }: {
+        depositAddress: `0x${string}`;
+        initialPage: HistoryContentPages;
+        returnView: FunProfileView;
+        returnViewPresets: {
+            [x: string]: any;
+        };
+        onRedirect: () => void;
+    }) => void;
+    resetActivityTraversal: () => void;
+}>;
+export declare const ActivityTraversalProvider: ({ children }: any) => React.JSX.Element;
+export declare const useActivityTraversal: () => {
+    selectedPurchaseId: `0x${string}` | undefined;
+    selectedPurchaseInitView: HistoryContentPages | undefined;
+    returnView: FunProfileView | undefined;
+    returnViewPresets: {
+        [x: string]: any;
+    };
+    onSelectActivity: ({ depositAddress, initialPage, returnView, returnViewPresets, onRedirect, }: {
+        depositAddress: `0x${string}`;
+        initialPage: HistoryContentPages;
+        returnView: FunProfileView;
+        returnViewPresets: {
+            [x: string]: any;
+        };
+        onRedirect: () => void;
+    }) => void;
+    resetActivityTraversal: () => void;
+};

package/dist/components/ProfileDetails/FunProfileViews/ActivityHistory/ActivityHistory.d.ts

@@ -1,5 +1,13 @@
 import React from 'react';
-export declare function ActivityHistory({ onBack, onClose, }: {
+import { HistoryContentPages } from '../../../../utils/checkoutHistory';
+export declare function ActivityHistory({ onBack, onClose, onSelectActivity, }: {
     onClose: () => void;
     onBack: () => void;
+    onSelectActivity: ({ depositAddress, initialPage, returnViewPresets, }: {
+        depositAddress: `0x${string}`;
+        initialPage: HistoryContentPages;
+        returnViewPresets: {
+            [x: string]: any;
+        };
+    }) => void;
 }): React.JSX.Element;

package/dist/components/ProfileDetails/FunProfileViews/Home/HomeCheckoutSection.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-export declare function HomeCheckoutSection({ onClose }: {
-    onClose: () => void;
+import { HistoryContentPages } from '../../../../utils/checkoutHistory';
+export declare function HomeCheckoutSection({ onSelectActivity, }: {
+    onSelectActivity: (depositAddress: `0x${string}`, initialPage: HistoryContentPages) => void;
 }): React.JSX.Element | null;

package/dist/components/ProfileDetails/FunProfileViews/Home/index.d.ts

@@ -1,6 +1,14 @@
 import React from 'react';
+import { HistoryContentPages } from '../../../../utils/checkoutHistory';
 import { FunProfileView } from '../../ProfileDetails';
-export declare function Home({ onClose, onChangeView, }: {
+export declare function Home({ onClose, onChangeView, onSelectActivity, }: {
     onClose: () => void;
     onChangeView: (newView: FunProfileView) => void;
+    onSelectActivity: ({ depositAddress, initialPage, returnViewPresets, }: {
+        depositAddress: `0x${string}`;
+        initialPage: HistoryContentPages;
+        returnViewPresets: {
+            [x: string]: any;
+        };
+    }) => void;
 }): React.JSX.Element;

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

@@ -3,7 +3,8 @@ export declare enum FunProfileView {
     HOME = 0,
     SETTINGS = 1,
     ACTIVITY = 2,
-    DEPOSIT = 3
+    SINGLE_ACTIVITY = 3,
+    DEPOSIT = 4
 }
 interface ProfileDetailsProps {
     onClose: () => void;