@funkit/connect 3.0.3 → 3.1.1

package/CHANGELOG.md

@@ -1,5 +1,55 @@
 # @funkit/connect
 
+## 3.1.1
+
+### Patch Changes
+
+- 8b35d64: refactor: move react-query to peerDeps
+- 4f8422e: fix: use correct typing for openModal
+- e6bbeaf: refactor: change input amount related text color to secondary
+- e6bbeaf: refactor: always display divider in bottom
+- 3d160a2: refactor: fix StrictMode behavior
+
+## 3.1.0
+
+### Minor Changes
+
+- c98080b: refactor: persist Signature Denied message after signature is rejected
+- 4bcc21b: feat: dynamic action params
+
+### Patch Changes
+
+- 13b3185: fix: unaccesible login options when misconfigured
+- f77e6b1: fix: stringify and persist generateActionsParams to checkout record
+- 463a9d6: feat: show exact absolute amount initially
+- 4bcc21b: fix: clicking back on order review breaking navigation & typos
+- 4bcc21b: fix: silence console warnings
+- 298847e: feat: added ability for getCheckoutQuote to be aborted
+- 8a4aee3: refactor: update geoblock list
+- e0c16aa: fix: modal topbar padding
+- bd54935: feat: added & exposed 2 new hooks - useCheckoutListenerByUserId and useCheckoutListenerByCheckoutId
+- e045534: refactor: non-nullable checkoutId
+- f450fe5: refactor: remove redundant checkoutItem usage
+- ba87dcf: refactor: use arbitrum as target chain for dydx in asset selection phase
+- 3d974d2: fix: okx exchange connection
+- 479287a: refactor: better api error message handling
+- 4bcc21b: fix: fix phantom wallet icon
+- 5a2a8e2: fix: error messages not appearing in checkout
+- 4bcc21b: fix: okx icon
+- b23ab80: fix: update dividers behavior&visuals
+- 22d7f9a: refactor: silence flag exposure logs
+- 500519d: refactor: remove isFastForwarded
+- 13b3185: fix: redundant login option divider
+- 010b5fe: chore: deprecate unused flags
+- 53ebefb: refactor: add possibility for always displayed modal dividers
+- Updated dependencies [f77e6b1]
+- Updated dependencies [3080712]
+- Updated dependencies [298847e]
+- Updated dependencies [479287a]
+  - @funkit/api-base@1.1.1
+  - @funkit/core@2.1.6
+  - @funkit/wagmi-tools@3.0.8
+
 ## 3.0.3
 
 ### Patch Changes

package/dist/components/Dialog/Dialog.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 import { BoxProps } from '../Box/Box';
+import { FunCountdownProps } from '../FunCountdown/FunCountdown';
 interface DialogProps {
     open: boolean;
     onClose: () => void;
@@ -16,7 +17,7 @@ interface DialogProps {
  */
 export declare function Dialog({ children, onClose, open, titleId, isHidden, isSmartCloseable, }: DialogProps): React.JSX.Element;
 export declare namespace Dialog {
-    var Title: ({ title, titleMeta, hasCloseButton: hasCloseButtonProp, isCloseDisabled, onClose, hasBackButton: hasBackButtonProp, isBackDisabled, onBack, backAnimation, skipBackDelay, countdownSeconds, countdownKey, delayCountdownReturnByBuffer, dydxHideBack, }: DialogTitleProps) => React.JSX.Element;
+    var Title: ({ title, titleMeta, hasCloseButton: hasCloseButtonProp, isCloseDisabled, onClose, hasBackButton: hasBackButtonProp, isBackDisabled, onBack, countdownRenderProps, backAnimation, skipBackDelay, countdownSeconds, countdownKey, delayCountdownReturnByBuffer, dydxHideBack, }: DialogTitleProps) => React.JSX.Element;
     var Content: ({ children, fullHeight, paddingLeft, paddingBottom, className, withTopDivider, withBottomDivider, id, ...boxProps }: DialogContentProps) => React.JSX.Element;
     var BottomSection: ({ paddingX, ...boxProps }: Omit<BoxProps, "children">) => React.JSX.Element;
     var BottomBar: ({ topSection, actionButtonProps, bottomSection, }: import("../FunBottomBar/FunBottomBar").FunBottomBarProps) => React.JSX.Element;
@@ -25,8 +26,8 @@ interface DialogContentProps extends BoxProps {
     children: ReactNode;
     /** Whether the content should fill all available space */
     fullHeight?: boolean;
-    withTopDivider?: boolean;
-    withBottomDivider?: boolean;
+    withTopDivider?: 'always' | 'scroll' | 'never';
+    withBottomDivider?: 'always' | 'scroll' | 'never';
     id?: string;
 }
 export interface DialogTitleProps {
@@ -44,5 +45,11 @@ export interface DialogTitleProps {
     countdownKey?: string;
     delayCountdownReturnByBuffer?: boolean;
     dydxHideBack?: boolean;
+    countdownRenderProps?: {
+        onBeforeCountdownEnds?: FunCountdownProps['onBeforeCountdownEnds'];
+        onBeforeCountdownEndsSeconds?: FunCountdownProps['onBeforeCountdownEndsSeconds'];
+        onCountdownEnded?: FunCountdownProps['onCountdownEnded'];
+        onCountdownLastSecond?: FunCountdownProps['onCountdownLastSecond'];
+    };
 }
 export {};

package/dist/components/Dialog/DialogContent.css.d.ts

@@ -1,4 +1,5 @@
 export declare const SCROLL_BAR_WIDTH = 6;
+export declare const BASE_DIALOG_PADDING = "6";
 export declare const dialog: string;
 export declare const dialogCompact: string;
 export declare const dialogMobile: string;

package/dist/components/DydxSwitchModalTab/DydxSwitchModalTab.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
-import { FunCheckoutStep } from '../../modals/FunCheckoutModal/FunCheckoutModal';
 import { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
 interface DydxSwitchTabProps {
-    checkoutItem: FunkitActiveCheckoutItem | null;
-    checkoutStep: FunCheckoutStep;
+    checkoutItem: FunkitActiveCheckoutItem;
+    showSwitch: boolean;
     onClose?: () => void;
 }
-export declare function DydxSwitchTab({ checkoutItem, checkoutStep, onClose, }: DydxSwitchTabProps): React.JSX.Element | null;
+export declare function DydxSwitchTab({ checkoutItem, showSwitch, onClose, }: DydxSwitchTabProps): React.JSX.Element | null;
 export {};

package/dist/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Component, ErrorInfo, ReactNode } from 'react';
+interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+}
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(_: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+}
+export default ErrorBoundary;

package/dist/components/ErrorBoundary/ErrorFallback.d.ts

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

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

@@ -1 +1,2 @@
+export declare const BOTTOM_BAR_TOP_PADDING: 18;
 export declare const topSectionDynamicPadding: string;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { BoxProps } from '../Box/Box';
 export type FunButtonTypes = 'primary' | 'secondary' | 'tertiary';
 export interface FunButtonProps {
     id?: string;
@@ -8,5 +9,6 @@ export interface FunButtonProps {
     isDisabled?: boolean;
     isLoading?: boolean;
     loaderSize?: number;
+    borderRadius?: BoxProps['borderRadius'];
 }
-export declare function FunButton({ id, title, onClick, isDisabled, type, isLoading, loaderSize, }: FunButtonProps): React.JSX.Element;
+export declare function FunButton({ id, title, onClick, isDisabled, type, isLoading, loaderSize, borderRadius, }: FunButtonProps): React.JSX.Element;

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

@@ -1,11 +1,13 @@
 import React, { ReactNode } from 'react';
-interface FunCountdownProps {
+export interface FunCountdownProps {
     countdownSeconds: number;
     initialRemainingSeconds?: number;
     counterSize?: number;
     strokeWidth?: number;
     onCountdownEnded?: () => void;
+    onBeforeCountdownEndsSeconds?: number;
+    onBeforeCountdownEnds?: () => void;
+    onCountdownLastSecond?: () => void;
     children?: ReactNode | ((remainingSeconds: number) => ReactNode);
 }
-export declare const FunCountdown: ({ countdownSeconds, initialRemainingSeconds, counterSize, onCountdownEnded, strokeWidth, children, }: FunCountdownProps) => React.JSX.Element;
-export {};
+export declare const FunCountdown: ({ countdownSeconds, initialRemainingSeconds, counterSize, onCountdownEnded, onBeforeCountdownEnds, onBeforeCountdownEndsSeconds, onCountdownLastSecond, strokeWidth, children, }: FunCountdownProps) => React.JSX.Element;

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

@@ -11,7 +11,7 @@ interface FunNotificationProps {
     containerProps?: React.ComponentProps<typeof Box>;
     isVisible?: boolean;
 }
-type FunNotificationType = 'default' | 'error' | 'warning';
+type FunNotificationType = 'default' | 'error' | 'warning' | 'hint';
 /**
  * A notification/message component with height resizing animation.
  * Control visibility by enabling/disabling `isVisible` prop instead of doing an outer conditional rendering.

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

@@ -2,9 +2,9 @@ import React from 'react';
 import { MeshExchanges } from '../../utils/mesh';
 export interface FunPaymentMeshTypeProps {
     isParentLoading: boolean;
-    onContinue: (exchange: MeshExchanges) => void;
+    onConfirmExchange: (exchange: MeshExchanges) => void;
 }
 /**
  * This component handles payments <> mesh integration
  */
-export declare function FunPaymentMeshType({ isParentLoading, onContinue, }: FunPaymentMeshTypeProps): React.JSX.Element;
+export declare function FunPaymentMeshType({ isParentLoading, onConfirmExchange, }: FunPaymentMeshTypeProps): React.JSX.Element;

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

@@ -6,11 +6,12 @@ export declare function ExistingPaymentMethodItem({ paymentMethodInfo, }: {
 /**
  * Handle selection and adding of payment methods
  */
-export declare function FunPaymentMethods({ primaryInfo, checkoutId, onSelect, isDisabled, depositAmount, isLoadingGeoCheck, }: {
+export declare function FunPaymentMethods({ primaryInfo, checkoutId, onSelect, isDisabled, depositAmount, isLoadingGeoCheck, onCloseWrapper, }: {
     primaryInfo: React.ReactNode;
     checkoutId: string;
     onSelect: (paymentMethodInfo: PaymentMethodInfo) => void;
     isDisabled?: boolean;
     depositAmount: string;
     isLoadingGeoCheck: boolean;
+    onCloseWrapper: () => void;
 }): React.JSX.Element;

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

@@ -1,10 +1,10 @@
 import React from 'react';
 import { Address } from 'viem';
-export declare function FunPaymentMoonpayType({ paymentAddress, depositToken, depositTokenChainId, depositTokenAmount, redirectToCheckoutHistory, }: {
+export interface FunPaymentMoonpayProps {
     paymentAddress: Address;
     depositToken: string;
     depositTokenChainId: string;
     depositTokenAmount: number;
-    onBackToHome: () => void;
-    redirectToCheckoutHistory?: (depositAddress: string) => void;
-}): React.JSX.Element;
+    redirectToCheckoutHistory?: (depositAddress: Address) => void;
+}
+export declare function FunPaymentMoonpayType({ paymentAddress, depositToken, depositTokenChainId, depositTokenAmount, redirectToCheckoutHistory, }: FunPaymentMoonpayProps): React.JSX.Element;

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

@@ -9,6 +9,6 @@ export type FeesItem = null | {
     platformFeesTokenSymbol?: string | null;
 };
 export declare function FunTransactionSummary({ checkoutId, errorMessage, }: {
-    checkoutId: string | null;
+    checkoutId: string;
     errorMessage?: string;
 }): React.JSX.Element;

package/dist/consts/customers.d.ts

@@ -1 +1,2 @@
 export declare const DYDX_API_KEY = "NJq0CGrsE19xBbP1vHyBOp8xJvzYo9kayJHqDFP5";
+export declare const POLYMARKET_API_KEY = "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6";

package/dist/consts/payment.d.ts

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 export declare enum PaymentMethod {
     /** Moonpay - Credit / Debit Card **/
     CARD = "card",
-    /** @deprecated Direct Transfer **/
+    /** Direct Transfer: used in polymarket **/
     TRANSFER = "transfer",
     /** Account Balance **/
     ACCOUNT_BALANCE = "balance",

package/dist/consts/quote.d.ts

@@ -29,4 +29,4 @@ export declare const QUOTE_CUSTOM_ERROR_STRING_INFO: {
         display: string;
     };
 };
-export declare function generateQuoteApiErrorForDisplay(errorMessage?: string): string;
+export declare function generateQuoteApiErrorForDisplay(err: Error): string;

package/dist/hooks/useAnimatedNavigation.d.ts

@@ -1,3 +1,4 @@
+export declare const ANIMATION_DELAY = 75;
 /**
  * Logic for easier animations during navigation
  * @param callback - Called when utilizing the navigateTo function. Without providing it the navigateTo function will not work

package/dist/hooks/useCheckoutAccountBalanceTransfer.d.ts

@@ -1,4 +1,4 @@
-export declare function useCheckoutAccountBalanceTransfer(checkoutId: string | null): {
+export declare function useCheckoutAccountBalanceTransfer(checkoutId: string): {
     generateCheckoutTransferOpItems: (toAddress: string, tokenAmount: number | string) => Promise<{
         rFunWallet: import("@funkit/core").FunWallet;
         rFunWalletAuth: import("@funkit/core").Auth;

package/dist/hooks/useCheckoutType.d.ts

@@ -1,11 +1,5 @@
-import { FunkitActiveCheckoutItem } from '../providers/FunkitCheckoutContext';
-export declare function getCheckoutType(checkoutItem: FunkitActiveCheckoutItem | null): {
-    isCheckoutCrFlow: boolean;
-    isCheckoutDirectCrFlow: boolean;
-    isCheckoutPostActionRequired: boolean;
-};
-export declare function useCheckoutType(checkoutItem: FunkitActiveCheckoutItem | null): {
-    isCheckoutCrFlow: boolean;
-    isCheckoutDirectCrFlow: boolean;
-    isCheckoutPostActionRequired: boolean;
-};
+import { FunkitActiveCheckoutItem, FunkitCheckoutActionParams, FunkitCheckoutConfig } from '../providers/FunkitCheckoutContext';
+export declare function evaluateCheckoutGenerateActionsParams(config: FunkitCheckoutConfig): FunkitCheckoutActionParams[];
+export declare function isCheckoutCrFlow(checkoutItem: FunkitActiveCheckoutItem): boolean;
+export declare function isCheckoutDirectCrFlow(checkoutItem: FunkitActiveCheckoutItem): boolean;
+export declare function isCheckoutPostActionRequired(config: FunkitCheckoutConfig): boolean;

package/dist/hooks/useMesh.d.ts

@@ -5,6 +5,7 @@ import { PaymentMethodInfo } from '../consts/payment';
 import { MeshExchanges } from '../utils/mesh';
 export declare const getMeshExchangeIconMap: (size?: number) => Partial<Record<MeshExchanges, ReactNode>>;
 export declare const getSupportedExchanges: () => MeshExchanges[];
+export declare function getExchangeName(exchange: MeshExchanges): string;
 export declare const useMeshExchanges: ({ fullInfo, iconSize, }: {
     fullInfo?: boolean;
     iconSize?: number;

package/dist/index.css

@@ -6258,7 +6258,7 @@ input[type=number] {
   color: var(--rk-colors-secondaryText);
 }
 
-/* vanilla-extract-css-ns:src/css/modalTransitionStyles.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzdGdqeGwwIHsKICAwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuNyk7CiAgICBvcGFjaXR5OiAwLjI7CiAgfQogIDEwMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgxKTsKICAgIG9wYWNpdHk6IDE7CiAgfQp9CkBrZXlmcmFtZXMgc3RnanhsMSB7CiAgMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgxKTsKICAgIG9wYWNpdHk6IDE7CiAgfQogIDkwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuOCk7CiAgICBvcGFjaXR5OiAwLjI7CiAgfQogIDEwMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgwLjUpOwogICAgb3BhY2l0eTogMDsKICB9Cn0KLnN0Z2p4bDIgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogMTUwbXM7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyOwogIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzOwogIGFuaW1hdGlvbi1uYW1lOiBzdGdqeGwwOwp9Ci5zdGdqeGwzIHsKICBhbmltYXRpb24tZHVyYXRpb246IDE1MG1zOwogIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjsKICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkczsKICBhbmltYXRpb24tbmFtZTogc3RnanhsMTsKfQ== */
+/* vanilla-extract-css-ns:src/css/modalTransitionStyles.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzdGdqeGwwIHsKICAwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuNyk7CiAgICBvcGFjaXR5OiAwLjI7CiAgfQogIDEwMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgxKTsKICAgIG9wYWNpdHk6IDE7CiAgfQp9CkBrZXlmcmFtZXMgc3RnanhsMSB7CiAgMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgxKTsKICAgIG9wYWNpdHk6IDE7CiAgfQogIDkwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuOCk7CiAgICBvcGFjaXR5OiAwLjI7CiAgfQogIDEwMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgwLjUpOwogICAgb3BhY2l0eTogMDsKICB9Cn0KLnN0Z2p4bDIgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogNzVtczsKICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7CiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7CiAgYW5pbWF0aW9uLW5hbWU6IHN0Z2p4bDA7Cn0KLnN0Z2p4bDMgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogNzVtczsKICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7CiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7CiAgYW5pbWF0aW9uLW5hbWU6IHN0Z2p4bDE7Cn0= */
 @keyframes stgjxl0 {
   0% {
     transform: scale(0.7);
@@ -6284,13 +6284,13 @@ input[type=number] {
   }
 }
 [data-rk] .stgjxl2 {
-  animation-duration: 150ms;
+  animation-duration: 75ms;
   animation-timing-function: linear;
   animation-fill-mode: forwards;
   animation-name: stgjxl0;
 }
 [data-rk] .stgjxl3 {
-  animation-duration: 150ms;
+  animation-duration: 75ms;
   animation-timing-function: linear;
   animation-fill-mode: forwards;
   animation-name: stgjxl1;
@@ -6530,6 +6530,18 @@ input[type=number] {
   outline: none;
 }
 
+/* src/components/FunTransactionSummary/FunTxSummaryComponents.css */
+.fun-container-content-expanded {
+  transition: all 0.5s ease-in-out;
+  max-height: 250px;
+  overflow: hidden;
+}
+.fun-container-content-collapsed {
+  max-height: 0px;
+  transition: all 0.4s ease-out;
+  overflow: hidden;
+}
+
 /* vanilla-extract-css-ns:src/components/FunSelectBrokerage/FunSelectBrokerage.css.ts.vanilla.css?source=Ll8xd2h1bGR2MCB7CiAgbWF4LWhlaWdodDogMjIwcHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47Cn0= */
 [data-rk] ._1whuldv0 {
   max-height: 220px;
@@ -6550,15 +6562,3 @@ input[type=number] {
   display: flex;
   flex: 1;
 }
-
-/* src/components/FunTransactionSummary/FunTxSummaryComponents.css */
-.fun-container-content-expanded {
-  transition: all 0.5s ease-in-out;
-  max-height: 250px;
-  overflow: hidden;
-}
-.fun-container-content-collapsed {
-  max-height: 0px;
-  transition: all 0.4s ease-out;
-  overflow: hidden;
-}

package/dist/index.d.ts

@@ -13,8 +13,8 @@ export type { DisclaimerComponent } from './providers/AppContext';
 export type { AuthenticationConfig, AuthenticationStatus, } from './providers/AuthenticationContext';
 export { createAuthenticationAdapter, FunkitConnectAuthenticationProvider, } from './providers/AuthenticationContext';
 export type { AvatarComponent } from './providers/AvatarContext';
-export type { FunkitCheckoutConfig } from './providers/FunkitCheckoutContext';
-export { useFunkitCheckout } from './providers/FunkitCheckoutContext';
+export type { FunkitCheckoutActionParams, FunkitCheckoutConfig, } from './providers/FunkitCheckoutContext';
+export { useCheckoutListenerByCheckoutId, useCheckoutsListenerByUserId, useFunkitCheckout, } from './providers/FunkitCheckoutContext';
 export type { FunkitConfig } from './providers/FunkitConfigContext';
 export type { FunkitConnectChain as Chain } from './providers/FunkitConnectChainContext';
 export type { Theme } from './providers/FunkitProvider';
@@ -23,7 +23,9 @@ export { useActiveTheme } from './providers/FunkitThemeProvider';
 export { useAccountModal, useChainModal, useConnectModal, } from './providers/ModalContext';
 export { darkTheme } from './themes/darkTheme';
 export { lightTheme } from './themes/lightTheme';
+export type { PurifiedCheckoutHistoryItem } from './utils/purifyCheckoutHistoryItem';
 export { getDefaultWallets } from './wallets/getDefaultWallets';
 export type { FunkitConnectWalletConnectParameters, Wallet, WalletDetailsParams, WalletList, } from './wallets/Wallet';
 export { useFunkitAccount, useFunkitDisconnect, useFunkitSwitchChains, } from './providers/GeneralWalletProvider';
+export { SelectedHomeTab } from './modals/ProfileDetails/FunProfileViews/Home';
 export { isDydxAddress } from './utils/isDydxAddress';