@funkit/connect 4.0.1 → 4.0.3

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # @funkit/connect
 
+## 4.0.3
+
+### Patch Changes
+
+- aa8cf95: feat: display confirmation step immediately when quoting starts
+- b965382: fix: add mobile modal max height
+- 959807e: feat(connect): add input amount tooltip
+- 48754fa: feat(connect,core,utils): unify json parsing
+- cecbc0a: feat: add scroll chain icon
+- 243f27f: feat: add useFunkitMaxCheckoutUsdInfo hook
+- 04c91f2: chore: migrate custom error codes to utils package
+- 763a16f: feat(connect): clean mesh metadata sent to be backend
+- f8a81e2: feat: use dynamic flag text in dydx modal
+- 21144e0: fix: pause hidden countdown during confirmation
+- a150758: fix(connect): fix accessibility of elements
+- af06c99: refactor(connect): refactor mesh metadata
+- d4aadb5: feat: detect user presence
+- 33d1eb6: fix: dedupe arbitrum usdc and usdc.e
+- 3d19b46: fix: remove unused function in FunkitContext
+- f486a82: fix: keep uninterrupted loading state during intial quoting retries
+- aba0334: feat(connect): adjust spacings and alignment for FunPoweredTagline
+- Updated dependencies [48754fa]
+- Updated dependencies [04c91f2]
+- Updated dependencies [84b7225]
+- Updated dependencies [0733732]
+  - @funkit/utils@1.0.3
+  - @funkit/core@2.2.9
+  - @funkit/api-base@1.4.2
+  - @funkit/wagmi-tools@3.0.20
+
+## 4.0.2
+
+### Patch Changes
+
+- 67b7b1e: feat(fits,connect,utils): add search suggestions (history), move safe json parsing to utils package
+- 76ac39b: fix: remove unused showAvailableBalance option
+- e2419b9: fix: pin datadog version
+- df63829: fix: update tsconfig version
+- 3519ae0: feat: new uiCustomization.showPaymentAmountUsd to show source token amount in confirmation page
+- Updated dependencies [67b7b1e]
+- Updated dependencies [df63829]
+  - @funkit/utils@1.0.2
+  - @funkit/api-base@1.4.1
+  - @funkit/core@2.2.8
+  - @funkit/wagmi-tools@3.0.19
+
 ## 4.0.1
 
 ### Patch Changes

package/dist/components/Box/Box.d.ts

@@ -50,7 +50,7 @@ export declare const Box: React.ForwardRefExoticComponent<{
     readonly borderRadius?: "1" | "8" | "10" | "13" | "16" | "actionButton" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "4" | "6" | "11" | "24" | "25%" | "full" | undefined;
     readonly borderStyle?: "dotted" | "hidden" | "solid" | undefined;
     readonly borderWidth?: "0" | "1" | "2" | "3" | "4" | "0.5" | undefined;
-    readonly cursor?: "default" | "not-allowed" | "pointer" | undefined;
+    readonly cursor?: "default" | "help" | "not-allowed" | "pointer" | undefined;
     readonly flexDirection?: "column" | "row" | undefined;
     readonly fontFamily?: "body" | undefined;
     readonly fontSize?: "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "23" | "40" | "57" | undefined;

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

@@ -1,6 +1,7 @@
 export declare const funLinkButtonStyle: string;
 export declare const transitionStyles: string;
 export declare const pressedStyles: string;
+export declare const baseFunIconButtonStyle: string;
 export declare const funIconButtonClickableStyle: string;
 export declare const funIconButtonNonClickableStyle: string;
 export declare const funIconButtonDisabledStyle: string;

package/dist/components/FunCountdown/FunCountdown.d.ts

@@ -10,6 +10,7 @@ export interface FunCountdownProps {
     onCountdownLastSecond?: () => void;
     children?: ReactNode | ((remainingSeconds: number) => ReactNode);
     isHidden?: boolean;
+    isPaused?: boolean;
     showPending?: boolean;
 }
-export declare const FunCountdown: ({ countdownSeconds, initialRemainingSeconds, counterSize, onCountdownEnded, onBeforeCountdownEnds, onBeforeCountdownEndsSeconds, onCountdownLastSecond, strokeWidth, isHidden, children, showPending, }: FunCountdownProps) => React.JSX.Element | null;
+export declare const FunCountdown: ({ countdownSeconds, initialRemainingSeconds, counterSize, onCountdownEnded, onBeforeCountdownEnds, onBeforeCountdownEndsSeconds, onCountdownLastSecond, strokeWidth, isHidden, isPaused, children, showPending, }: FunCountdownProps) => React.JSX.Element | null;

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

@@ -3,11 +3,6 @@ import React, { type ReactNode } from 'react';
 import { type BoxProps } from '../Box/Box';
 export declare function FunTxSummaryBox({ children, ...otherProps }: BoxProps): React.JSX.Element;
 export declare function FunTxSummaryLineItem({ children, ...otherProps }: BoxProps): React.JSX.Element;
-export declare function FunTxSummaryLineItemCollapsibleTrigger({ children, isDisabled, onClick, }: {
-    children: ReactNode;
-    isDisabled: boolean;
-    onClick: () => void;
-}): React.JSX.Element;
 export declare function FunTxSummaryCollapsibleBox({ isExpanded, children, }: {
     isExpanded: boolean;
     children: ReactNode;

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

@@ -0,0 +1,2 @@
+export declare const baseStyles: string;
+export declare const expandableStyles: string;

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

@@ -1,6 +1,8 @@
 import React from 'react';
-import type { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
-export declare function PaymentFeesSummary({ isLoading, checkoutItem, }: {
+import type { FunkitCheckoutQuoteResult } from '../../providers/FunkitCheckoutContext';
+interface PaymentFeesSummaryProps {
     isLoading: boolean;
-    checkoutItem: FunkitActiveCheckoutItem | null;
-}): React.JSX.Element;
+    quote: FunkitCheckoutQuoteResult | null | undefined;
+}
+export declare function PaymentFeesSummary({ isLoading, quote, }: PaymentFeesSummaryProps): React.JSX.Element;
+export {};

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type PaymentMethodInfo } from '../../domains/paymentMethods';
 import type { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
-import type { FunkitTextCustomizationsConfig, FunkitUiCustomRecipientConfig } from '../../providers/FunkitConfigContext';
+import { type FunkitTextCustomizationsConfig, type FunkitUiCustomRecipientConfig, type FunkitUiCustomizationsConfig } from '../../providers/FunkitConfigContext';
 interface PaymentMethodSummaryProps {
     paymentMethodInfo: PaymentMethodInfo;
     walletAddress: string | undefined;
@@ -16,6 +16,7 @@ interface PaymentAmountSummaryProps {
     targetChainId: string;
     checkoutItem: FunkitActiveCheckoutItem | null;
     textCustomizations: FunkitTextCustomizationsConfig['confirmationScreen'];
+    uiCustomizations: FunkitUiCustomizationsConfig['confirmationScreen'];
 }
-export declare function PaymentAmountSummary({ isLoading, targetChainId, checkoutItem, textCustomizations, }: PaymentAmountSummaryProps): React.JSX.Element;
+export declare function PaymentAmountSummary({ isLoading, targetChainId, checkoutItem, textCustomizations, uiCustomizations, }: PaymentAmountSummaryProps): React.JSX.Element;
 export {};

package/dist/consts/customers.d.ts

@@ -1,3 +1,4 @@
+export declare const DEGEN_API_KEY = "m4iHIILHcL4gN8EXCMzGe8zIdhuCXxck49mWajzJ";
 export declare const DYDX_API_KEY = "NJq0CGrsE19xBbP1vHyBOp8xJvzYo9kayJHqDFP5";
 export declare const POLYMARKET_API_KEY = "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6";
 export declare function isDydxCustomer(apiKey: string): apiKey is "NJq0CGrsE19xBbP1vHyBOp8xJvzYo9kayJHqDFP5";

package/dist/css/sprinkles.css.d.ts

@@ -534,7 +534,7 @@ export declare const sprinkles: ((props: {
     readonly borderRadius?: "1" | "8" | "10" | "13" | "16" | "actionButton" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "4" | "6" | "11" | "24" | "25%" | "full" | undefined;
     readonly borderStyle?: "dotted" | "hidden" | "solid" | undefined;
     readonly borderWidth?: "0" | "1" | "2" | "3" | "4" | "0.5" | undefined;
-    readonly cursor?: "default" | "not-allowed" | "pointer" | undefined;
+    readonly cursor?: "default" | "help" | "not-allowed" | "pointer" | undefined;
     readonly flexDirection?: "column" | "row" | undefined;
     readonly fontFamily?: "body" | undefined;
     readonly fontSize?: "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "23" | "40" | "57" | undefined;

package/dist/domains/paymentMethods.d.ts

@@ -1,6 +1,5 @@
 import type { PreviewTransferResult } from '@funkit/api-base';
-import type { LinkPayload } from '@meshconnect/web-link-sdk';
-import { type MeshExchangeType } from '~/consts/mesh';
+import type { MeshConnectionInfo } from '~/providers/FunkitMeshProvider';
 /** Supported payment methods in FunkitConnect. **/
 export declare enum PaymentMethod {
     /** Moonpay - Credit / Debit Card **/
@@ -11,10 +10,11 @@ export declare enum PaymentMethod {
     BROKERAGE = "brokerage",
     TOKEN_TRANSFER = "token_transfer"
 }
-type MeshMeta = LinkPayload & {
-    checkoutMeshNetworkId?: string;
-    computedPreviewExpirationMs?: number;
-    previewTransferResult?: PreviewTransferResult;
+type MeshMeta = MeshConnectionInfo & {
+    networkId?: string;
+    previewResult?: PreviewTransferResult & {
+        previewExpiresAt: number;
+    };
 };
 /** Full payment method information used in frontend during payment flows. **/
 interface PaymentMethodInfoBase {
@@ -27,7 +27,6 @@ export interface PaymentMethodCardInfo extends PaymentMethodInfoBase {
 }
 export interface PaymentMethodBrokerageInfo extends PaymentMethodInfoBase {
     paymentMethod: PaymentMethod.BROKERAGE;
-    brokerType: MeshExchangeType;
     meta: MeshMeta;
 }
 export interface PaymentMethodAccountInfo extends PaymentMethodInfoBase {
@@ -48,8 +47,7 @@ interface AccountPaymentMethodParams {
 }
 interface BrokeragePaymentMethodParams {
     paymentMethod: PaymentMethod.BROKERAGE;
-    brokerType: MeshExchangeType;
-    meshMeta: LinkPayload;
+    connection: MeshConnectionInfo;
 }
 interface TokenTransferPaymentMethodParams {
     paymentMethod: PaymentMethod.TOKEN_TRANSFER;

package/dist/domains/quote.d.ts

@@ -6,6 +6,7 @@ import type { LoginType } from '~/providers/GeneralWalletProvider';
 import { type CheckoutFees } from './checkoutFees';
 import { type PaymentMethodInfo } from './paymentMethods';
 export interface FunkitCheckoutQuoteResult extends Omit<ApiFunkitCheckoutQuoteResult, 'finalFeesBreakdown'> {
+    finalSpreadUsd: string;
     finalFeesBreakdown: CheckoutFees;
 }
 export declare function getCheckoutBaseQuote(checkoutItem: FunkitActiveCheckoutItem, userId: string, walletAddress: Address, apiKey: string, sponsorInitialTransferGasLimit: number, wagmiConfig: Config): Promise<CheckoutQuoteResponse>;

package/dist/hooks/useFunkitMaxCheckoutUsdInfo.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Retrieves the maximum checkout amount in USD and formats the limit text.
+ *
+ * @description
+ * This hook uses a feature flag to determine the maximum checkout amount.
+ * If the amount is Number.MAX_VALUE, it returns 'no' as the limit text.
+ * Otherwise, it formats the amount as a currency string with specific formatting options.
+ *
+ * @returns {Object} An object containing:
+ * - `value`: The maximum checkout amount in USD (number). Defaults to Number.MAX_VALUE.
+ * - `limitLabel`: A formatted string representing the checkout limit
+ *   - Returns 'no' if the limit is Number.MAX_VALUE (default)
+ *   - Otherwise, returns a formatted currency string (e.g., '$1k')
+ *
+ * @example
+ * // Example usage in a component
+ * const { value, limitLabel } = useFunkitMaxCheckoutUsd();
+ * console.log(value); // e.g., 1000
+ * console.log(limitLabel); // e.g., '$1k'
+ * console.log(limitLabel); // e.g., 'no'
+ */
+export declare const useFunkitMaxCheckoutUsdInfo: () => {
+    value: number;
+    limitLabel: string;
+};

package/dist/hooks/useMesh.d.ts

@@ -1,6 +1,6 @@
 import { MeshExchangeType } from '~/consts/mesh';
-import type { LinkPayload } from '@meshconnect/web-link-sdk';
 import type { FunSelectOption } from '../components/FunSelect/FunSelect';
+import { type MeshConnectionInfo } from '../providers/FunkitMeshProvider';
 export declare const useSupportedExchanges: () => MeshExchangeType[];
 export declare const useMeshExchanges: ({ fullInfo, iconSize, }: {
     fullInfo?: boolean;
@@ -16,4 +16,4 @@ export declare const useMeshActiveNetworkInfo: (chainId: string | undefined, bro
     meshSupportedTokens: string[];
     meshNetworkId: string | undefined;
 } | null;
-export declare function useMeshAccountHoldings(targetChain: string, connection: LinkPayload | null): import("@tanstack/react-query").UseQueryResult<import("../domains/wallet").AssetHoldingsMap, Error>;
+export declare function useMeshAccountHoldings(targetChain: string, connection: MeshConnectionInfo | null): import("@tanstack/react-query").UseQueryResult<import("../domains/wallet").AssetHoldingsMap, Error>;