@funkit/connect 6.15.13 → 7.0.2

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # @funkit/connect
 
+## 7.0.2
+
+### Patch Changes
+
+- df73659: chore: bump versions
+- Updated dependencies [df73659]
+  - @funkit/api-base@1.12.21
+  - @funkit/chains@0.5.1
+  - @funkit/fun-relay@2.1.15
+  - @funkit/utils@1.1.21
+
+## 7.0.1
+
+### Patch Changes
+
+- 3518f7b: rename meld flow variable name and remove core deps
+- 2b89d85: chore(connect): remove unused translations
+- 96fd4d4: feat(connect): reduce L1 fee estimate to $1
+- cf2b385: feat: add french locale
+- b693f57: feat(connect): update withdrawal recipient address placeholder for solana
+- eec5311: refactor(connect): deprecate remaining loginConfig types
+- d22ffac: feat(connect): add border to modal footer (above fun technology logo)
+- Updated dependencies [208bcd7]
+  - @funkit/api-base@1.12.20
+
+## 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/FunPoweredTagline/FunPoweredTagline.css.d.ts

@@ -0,0 +1 @@
+export declare const taglineBorderTop: string;

package/dist/components/FunPoweredTagline/FunPoweredTagline.d.ts

@@ -1,2 +1,5 @@
 import React from 'react';
-export declare function FunPoweredTagline(): React.JSX.Element;
+export interface FunPoweredTaglineProps {
+    enableBorderTop?: boolean;
+}
+export declare function FunPoweredTagline({ enableBorderTop, }: FunPoweredTaglineProps): 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,36 +1,11 @@
-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
  * e.g. on Base it is ETH, but on Polygon it is MATIC/POL. It is not one specific real token address.
  **/
 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";
-export declare enum PrivyLoginMethod {
-    email = "email",
-    farcaster = "farcaster",
-    google_oauth = "google_oauth",
-    twitter_oauth = "twitter_oauth",
-    apple_oauth = "apple_oauth"
-}
-export declare enum FunkitSocialLoginMethod {
-    GOOGLE = "google_oauth",
-    TWITTER = "twitter_oauth",
-    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 {
     /** Unique identifier of the user **/
     id: string | Address;
@@ -39,7 +14,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/domains/feeEstimate.d.ts

@@ -1,5 +1,5 @@
 import { PaymentMethod } from './paymentMethods';
-export declare const L1_FEES_ESTIMATE = 5;
+export declare const L1_FEES_ESTIMATE = 1;
 export declare const L2_FEES_ESTIMATE = 1;
 export declare const BROKERAGE_FEES_ESTIMATE = 0;
 /**

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/hooks/usePaymentSources.d.ts

@@ -5,7 +5,7 @@ export declare function usePaymentMethodEnablement({ checkoutConfig, }: {
 }): {
     isFiatEnabled: boolean;
     isTokenTransferEnabled: boolean;
-    isCardEnabled: boolean;
+    isMeldEnabled: boolean;
     isBrokerageEnabled: boolean;
 };
 export declare const usePaymentSources: (paymentMethodInfo: ConnectablePaymentMethodInfo | null, targetChainId: string, checkoutConfig?: FunkitCheckoutConfig) => {

package/dist/index.css

@@ -9826,11 +9826,20 @@
   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/FunPoweredTagline/FunPoweredTagline.css.ts.vanilla.css?source=Ll8xd2RnazZpMCB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIG1hcmdpbi10b3A6IDZweDsKICBwYWRkaW5nLXRvcDogdmFyKC0tcmstc3BhY2luZy1tb2RhbFBhZGRpbmdCb3R0b21Mb3dlcik7Cn0KLl8xd2RnazZpMDo6YmVmb3JlIHsKICBjb250ZW50OiAiIjsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yay1jb2xvcnMtbGlnaHRTdHJva2UpOwogIGhlaWdodDogMXB4OwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDA7CiAgbGVmdDogY2FsYygtMSAqICh2YXIoLS1yay1zcGFjaW5nLW1vZGFsQmFzZUhvcml6b250YWxQYWRkaW5nKSArIHZhcigtLXJrLXNwYWNpbmctbW9kYWxCb3R0b21Ib3Jpem9udGFsUGFkZGluZykpKTsKICByaWdodDogY2FsYygtMSAqICh2YXIoLS1yay1zcGFjaW5nLW1vZGFsQmFzZUhvcml6b250YWxQYWRkaW5nKSArIHZhcigtLXJrLXNwYWNpbmctbW9kYWxCb3R0b21Ib3Jpem9udGFsUGFkZGluZykpKTsKfQ== */
+[data-rk] ._1wdgk6i0 {
+  position: relative;
+  margin-top: 6px;
+  padding-top: var(--rk-spacing-modalPaddingBottomLower);
+}
+[data-rk] ._1wdgk6i0::before {
+  content: "";
+  background-color: var(--rk-colors-lightStroke);
+  height: 1px;
+  position: absolute;
+  top: 0;
+  left: calc(-1 * (var(--rk-spacing-modalBaseHorizontalPadding) + var(--rk-spacing-modalBottomHorizontalPadding)));
+  right: calc(-1 * (var(--rk-spacing-modalBaseHorizontalPadding) + var(--rk-spacing-modalBottomHorizontalPadding)));
 }
 
 /* vanilla-extract-css-ns:src/components/FunDivider/FunDivider.css.ts.vanilla.css?source=Ll8zZGtkc2MwIHsKICBib3JkZXItd2lkdGg6IDA7CiAgYm9yZGVyLXRvcC13aWR0aDogMXB4OwogIGJvcmRlci1zdHlsZTogc29saWQ7CiAgZmxleDogMTsKfQ== */
@@ -10615,16 +10624,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 +10637,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;
+}

package/dist/index.d.ts

@@ -3,8 +3,7 @@ export { Avatar as FunkitAvatar } from './components/Avatar/Avatar';
 export { ConnectButton } from './components/ConnectButton/ConnectButton';
 export { FunkitPaymentsIconLine } from './components/Icons/FunkitPaymentsIconLine';
 export { createFunkitWagmiConfig, getDefaultChains, getDefaultTransports, } from './config/getDefaultConfig';
-export type { FunkitPrioritizedLoginType } from './consts/funkit';
-export { FunkitSocialLoginMethod, NATIVE_TOKEN } from './consts/funkit';
+export { NATIVE_TOKEN } from './consts/funkit';
 export { cssObjectFromTheme } from './css/cssObjectFromTheme';
 export { cssStringFromTheme } from './css/cssStringFromTheme';
 export type { ThemeVars } from './css/sprinkles.css';
@@ -33,7 +32,7 @@ export type { Theme, ThemeSet } from './providers/FunkitThemeProvider';
 export { useActiveTheme } from './providers/FunkitThemeProvider';
 export { useFunkitUserInfo } from './providers/GeneralWalletProvider';
 export { useAccountModal, useChainModal, useConnectModal, } from './providers/ModalContext';
-export type { FunkitUserInfo, PrivyLoginMethod } from './consts/funkit';
+export type { FunkitUserInfo } from './consts/funkit';
 export { systemFontStack, type ThemeOptions } from './themes/baseTheme';
 export { darkTheme } from './themes/darkTheme';
 export { lightTheme } from './themes/lightTheme';