@funkit/connect 6.15.13 → 7.0.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @funkit/connect
 
+## 7.0.0
+
+### Major Changes
+
+- 024dc7d: refactor: fully deprecate loginConfig - remove validation and internal usage
+- 25ad857: chore(connect): deprecate FunkitWeb2Provider
+- ab11818: refactor: deprecate wagmi-tools and funkitConnectWallet
+
+### Minor Changes
+
+- 964cd34: chore(connect): mark loginConfig as deprecated
+
+### Patch Changes
+
+- eea63f9: connect modal content injected to checkout modal
+- bc5d921: revert(connect): redirect to select asset screen
+- 1886ba6: fix(connect): fix status text animation triggering on mount
+- 18883e1: feat(connect): update fun technology footer svg
+- 6480138: chore(connect): deprecate @privy-io/js-sdk-core
+- 6732eaf: feat(connect): update lighter usdc max slippage for CCTP chains
+
 ## 6.15.13
 
 ### Patch Changes

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

@@ -28,7 +28,7 @@ export declare namespace Dialog {
     var Title: ({ title, titleMeta, hasCloseButton: hasCloseButtonProp, isCloseDisabled, onClose, hasBackButton: hasBackButtonProp, isBackDisabled, onBack, className, }: DialogTitleProps) => React.JSX.Element;
     var Content: ({ children, fullHeight, paddingLeft, paddingBottom, paddingTop, className, withTopDivider, withBottomDivider, id, withoutInternalPadding, ...boxProps }: DialogContentProps) => React.JSX.Element;
     var BottomSection: ({ paddingX, children, ...boxProps }: BoxProps) => React.JSX.Element;
-    var BottomBar: ({ topSection, actionButtonProps, onClose, }: import("../FunBottomBar/FunBottomBar").FunBottomBarProps) => React.JSX.Element | null;
+    var BottomBar: ({ topSection, topSectionVisible, actionButtonProps, onClose, }: import("../FunBottomBar/FunBottomBar").FunBottomBarProps) => React.JSX.Element | null;
 }
 interface DialogContentProps extends BoxProps {
     children: ReactNode;

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

@@ -2,6 +2,7 @@ export declare const MODAL_BOTTOM_BAR_WRAPPER_ID = "fun-modal-bottom-bar-wrapper
 export declare const MODAL_BOTTOM_BAR_IDS: {
     readonly checkout: "checkout-modal-bottom-bar";
     readonly withdrawal: "withdrawal-modal-bottom-bar";
+    readonly connectwallet: "connect-wallet-modal-bottom-bar";
 };
 type ModalBottomBarIdType = keyof typeof MODAL_BOTTOM_BAR_IDS;
 export declare function useBottomSectionRef(modalBottomBarIdType?: ModalBottomBarIdType): HTMLElement | null;
@@ -10,6 +11,7 @@ export declare function useTitleCountdownRef(): HTMLElement | null;
 export declare function useGeneralBottomBarElement(): HTMLElement | null;
 export declare function useCheckoutBottomBarElement(): HTMLElement | null;
 export declare function useWithdrawalBottomBarElement(): HTMLElement | null;
+export declare function useConnectWalletBottomBarElement(): HTMLElement | null;
 /**
  * Hook to observe if a ref's children are empty, with special handling for bottom bar nodes.
  * @param ref - React ref to the DOM node to observe

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

@@ -2,7 +2,8 @@ import React from 'react';
 import { type FunButtonProps } from '../FunButton/FunButton';
 export interface FunBottomBarProps {
     topSection?: React.ReactNode;
+    topSectionVisible?: boolean;
     actionButtonProps?: FunButtonProps;
     onClose?: () => void;
 }
-export declare const FunBottomBar: ({ topSection, actionButtonProps, onClose, }: FunBottomBarProps) => React.JSX.Element | null;
+export declare const FunBottomBar: ({ topSection, topSectionVisible, actionButtonProps, onClose, }: FunBottomBarProps) => React.JSX.Element | null;

package/dist/components/FunConnectOptions/FunConnectOptions.d.ts

@@ -1,15 +1,13 @@
 import React from 'react';
 export declare enum ConnectStep {
     SIGNIN_PRIMARY = 0,
-    SIGNIN_SECONDARY = 1,
-    PENDING_EMAIL = 2,
-    PENDING_WALLET = 3,
-    PENDING_FARCASTER = 4,
-    ERROR_WEB3 = 5
+    PENDING_WALLET = 1,
+    ERROR_WEB3 = 2
 }
 interface FunConnectOptionsProps {
     onClose: () => void;
+    initialScreenOnBack?: () => void;
     walletsOnly?: boolean;
 }
-export declare function FunConnectOptions({ onClose, walletsOnly, }: FunConnectOptionsProps): React.JSX.Element;
+export declare function FunConnectOptions({ onClose, initialScreenOnBack, }: FunConnectOptionsProps): React.JSX.Element;
 export {};

package/dist/components/FunConnectOptions/FunSignInStep.d.ts

@@ -1,21 +1,15 @@
 import React from 'react';
-import { type SocialLoginOption } from '../../consts/funkit';
 import { type WalletConnector } from '../../wallets/useWalletConnectors';
 import { ConnectStep } from './FunConnectOptions';
-export declare function useEnabledSocialLogins(): SocialLoginOption[];
 /**
  * Modal content for a user that is not signed-in yet
- * Shows Web2 and Web3 sign in options
+ * Shows Web3 sign in options
  */
-export declare function FunSignInStep({ onClose, signInStep, changeStep, setSelectedWallet, connectToWallet, setQrCodeUri, emailInput, setEmailInput, onFarcasterSuccessInit, walletsOnly, }: {
+export declare function FunSignInStep({ onClose, changeStep, setSelectedWallet, connectToWallet, setQrCodeUri, }: {
     onClose: () => void;
     signInStep: ConnectStep;
     changeStep: (p: ConnectStep) => void;
     setSelectedWallet: React.Dispatch<React.SetStateAction<WalletConnector | undefined>>;
     connectToWallet: (wallet: WalletConnector) => void;
     setQrCodeUri: React.Dispatch<React.SetStateAction<string>>;
-    emailInput: string;
-    setEmailInput: React.Dispatch<React.SetStateAction<string>>;
-    onFarcasterSuccessInit: (channelToken: string, connectUri: string) => void;
-    walletsOnly?: boolean;
 }): React.JSX.Element;

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

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

package/dist/components/TransactionStatus/TransactionStatus.d.ts

@@ -13,6 +13,11 @@ interface TransactionStatusProps {
 }
 export type TextConfig = {
     description: ReactNode;
+    descriptionKey: string;
+    title: string;
+} | {
+    description: string;
+    descriptionKey?: never;
     title: string;
 };
 export type TextConfigContext = {

package/dist/consts/funkit.d.ts

@@ -1,4 +1,3 @@
-import type { OAuthProviderType } from '@privy-io/js-sdk-core';
 import type { Address } from 'viem';
 /**
  * NATIVE_TOKEN is a special address in Fun to represent different native currency tokens on different chains
@@ -6,7 +5,6 @@ import type { Address } from 'viem';
  **/
 export declare const NATIVE_TOKEN = "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
 export declare const FUNKIT_CONNECT_WALLET_ID = "funkitConnectWallet";
-export declare const RESERVED_GROUP_NAME = "funkit-web2";
 export declare const DEFAULT_FUNWALLET_INDEX = 0;
 export declare const FUN_ORG_NAME = "Fun.xyz";
 export declare const FUN_TERMS_URL = "https://fun.xyz/terms";
@@ -23,12 +21,6 @@ export declare enum FunkitSocialLoginMethod {
     APPLE = "apple_oauth",
     FARCASTER = "farcaster"
 }
-export type SocialLoginOption = {
-    funkitKey: FunkitSocialLoginMethod;
-    provider: OAuthProviderType | 'farcaster';
-    getIcon: (size?: number) => React.ReactNode;
-    name: string;
-};
 export type FunkitLoginType = 'web2' | 'web3';
 export type FunkitPrioritizedLoginType = 'none' | FunkitLoginType;
 export interface FunkitUserInfoBase {
@@ -39,7 +31,7 @@ export interface FunkitUserInfoBase {
     /** Friendly name of the user, truncated for display **/
     nameTruncated: string;
     /** The user's login type  **/
-    type: 'unknown' | 'eoa' | PrivyLoginMethod;
+    type: 'unknown' | 'eoa';
     /** Friendly name of the user's login type **/
     typeLabel: string;
     /** Profile picture url **/

package/dist/domains/asset.d.ts

@@ -4,7 +4,7 @@ import type { FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
 import type { AssetHoldingsItem } from '~/utils/assets';
 import { PaymentMethod } from '../domains/paymentMethods';
 export declare const isStablecoin: (symbol: string) => string | undefined;
-export declare function isPreferredChain(chainId: number): boolean;
+export declare function isPreferredChain(chainId: number, additionalChains?: number[]): boolean;
 export declare function isNativeTokenAddress(address: Address): boolean;
 export declare function isDefaultToken(asset: AssetHoldingsItem, checkoutConfig: FunkitCheckoutConfig): boolean;
 export declare const isPolygonEcosystemToken: (chainId: string, tokenAddress: string) => boolean;

package/dist/hooks/useFunListeners.d.ts

@@ -4,4 +4,3 @@ import type { Address } from 'viem';
  * Each hook will store and track its own intervalId
  */
 export declare function useCheckoutHistoryListener(activate?: boolean, singleDepositAddr?: Address | undefined): void;
-export declare function useSIWFarcasterListener(channelToken: string): void;

package/dist/index.css

@@ -9826,13 +9826,6 @@
   box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.09) inset;
 }
 
-/* vanilla-extract-css-ns:src/components/FunBottomBar/FunBottomBar.css.ts.vanilla.css?source=Lm41cXdpMSB7CiAgJjpub3QoOmVtcHR5KSA+IDpmaXJzdC1jaGlsZCB7CiAgICBtYXJnaW4tdG9wOiAtNnB4OwogIH0KfQ== */
-[data-rk] .n5qwi1 {
-  [data-rk] &:not(:empty) > :first-child {
-    margin-top: -6px;
-  }
-}
-
 /* vanilla-extract-css-ns:src/components/FunDivider/FunDivider.css.ts.vanilla.css?source=Ll8zZGtkc2MwIHsKICBib3JkZXItd2lkdGg6IDA7CiAgYm9yZGVyLXRvcC13aWR0aDogMXB4OwogIGJvcmRlci1zdHlsZTogc29saWQ7CiAgZmxleDogMTsKfQ== */
 [data-rk] ._3dkdsc0 {
   border-width: 0;
@@ -10615,16 +10608,6 @@
   display: none;
 }
 
-/* vanilla-extract-css-ns:src/components/FunCheckoutBlocked/FunCheckoutBlocked.css.ts.vanilla.css?source=Lmhrano1azAgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgZGlzcGxheTogZmxleDsKICBmbGV4OiAxOwogIG1pbi1oZWlnaHQ6IDIwMHB4OwogIHBhZGRpbmctYm90dG9tOiAxOHB4Owp9 */
-[data-rk] .hkjz5k0 {
-  align-items: center;
-  justify-content: center;
-  display: flex;
-  flex: 1;
-  min-height: 200px;
-  padding-bottom: 18px;
-}
-
 /* vanilla-extract-css-ns:src/components/GradientLoader/GradientLoader.css.ts.vanilla.css?source=QGtleWZyYW1lcyBtMTd1d28wIHsKICB0byB7CiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxdHVybik7CiAgfQp9Ci5tMTd1d28xIHsKICBhbmltYXRpb246IG0xN3V3bzAgNHMgbGluZWFyIGluZmluaXRlOwogIG1hc2s6IGNvbmljLWdyYWRpZW50KCMwMDAwIDEwJSwjMDAwKSwgbGluZWFyLWdyYWRpZW50KCMwMDAgMCAwKSBjb250ZW50LWJveDsKICBtYXNrLWNvbXBvc2l0ZTogc3VidHJhY3Q7Cn0= */
 @keyframes m17uwo0 {
   to {
@@ -10638,3 +10621,13 @@
   -webkit-mask-composite: source-out;
   mask-composite: subtract;
 }
+
+/* vanilla-extract-css-ns:src/components/FunCheckoutBlocked/FunCheckoutBlocked.css.ts.vanilla.css?source=Lmhrano1azAgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgZGlzcGxheTogZmxleDsKICBmbGV4OiAxOwogIG1pbi1oZWlnaHQ6IDIwMHB4OwogIHBhZGRpbmctYm90dG9tOiAxOHB4Owp9 */
+[data-rk] .hkjz5k0 {
+  align-items: center;
+  justify-content: center;
+  display: flex;
+  flex: 1;
+  min-height: 200px;
+  padding-bottom: 18px;
+}