@funkit/connect 8.5.0 → 9.0.0

package/dist/wallets/walletConnectors/safeheronWallet/safeheronWallet.js

@@ -1,8 +1,9 @@
 "use client";
 import {
   safeheronWallet
-} from "../chunk-QS2XIZEH.js";
-import "../chunk-ARYAYQ7Z.js";
+} from "../chunk-4R4AARTG.js";
+import "../chunk-BAVE62IL.js";
+import "../chunk-KV4HGYM3.js";
 export {
   safeheronWallet
 };

package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js

@@ -1,9 +1,10 @@
 "use client";
 import {
   safepalWallet
-} from "../chunk-N7475PGA.js";
-import "../chunk-ARYAYQ7Z.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-IICWJWGZ.js";
+import "../chunk-MAPXJUOO.js";
+import "../chunk-BAVE62IL.js";
+import "../chunk-KV4HGYM3.js";
 export {
   safepalWallet
 };

package/dist/wallets/walletConnectors/subWallet/subWallet.js

@@ -1,9 +1,10 @@
 "use client";
 import {
   subWallet
-} from "../chunk-FT5BX7TL.js";
-import "../chunk-ARYAYQ7Z.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-XBLHZICW.js";
+import "../chunk-MAPXJUOO.js";
+import "../chunk-BAVE62IL.js";
+import "../chunk-KV4HGYM3.js";
 export {
   subWallet
 };

package/dist/wallets/walletConnectors/tahoWallet/tahoWallet.js

@@ -1,8 +1,9 @@
 "use client";
 import {
   tahoWallet
-} from "../chunk-TNZJRXUQ.js";
-import "../chunk-ARYAYQ7Z.js";
+} from "../chunk-4BMUFNMT.js";
+import "../chunk-BAVE62IL.js";
+import "../chunk-KV4HGYM3.js";
 export {
   tahoWallet
 };

package/dist/wallets/walletConnectors/talismanWallet/talismanWallet.js

@@ -1,8 +1,9 @@
 "use client";
 import {
   talismanWallet
-} from "../chunk-JTLLKY2O.js";
-import "../chunk-ARYAYQ7Z.js";
+} from "../chunk-6MFOL6EB.js";
+import "../chunk-BAVE62IL.js";
+import "../chunk-KV4HGYM3.js";
 export {
   talismanWallet
 };

package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js

@@ -1,9 +1,10 @@
 "use client";
 import {
   tokenPocketWallet
-} from "../chunk-LGT6IAXI.js";
-import "../chunk-ARYAYQ7Z.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-4C7ER452.js";
+import "../chunk-MAPXJUOO.js";
+import "../chunk-BAVE62IL.js";
+import "../chunk-KV4HGYM3.js";
 export {
   tokenPocketWallet
 };

package/dist/wallets/walletConnectors/tokenaryWallet/tokenaryWallet.js

@@ -1,8 +1,9 @@
 "use client";
 import {
   tokenaryWallet
-} from "../chunk-M2HGGTFE.js";
-import "../chunk-ARYAYQ7Z.js";
+} from "../chunk-34LO6Q7A.js";
+import "../chunk-BAVE62IL.js";
+import "../chunk-KV4HGYM3.js";
 export {
   tokenaryWallet
 };

package/dist/wallets/walletConnectors/trustWallet/trustWallet.js

@@ -1,9 +1,10 @@
 "use client";
 import {
   trustWallet
-} from "../chunk-GEMN6DM5.js";
-import "../chunk-ARYAYQ7Z.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-KO56HCTI.js";
+import "../chunk-MAPXJUOO.js";
+import "../chunk-BAVE62IL.js";
+import "../chunk-KV4HGYM3.js";
 export {
   trustWallet
 };

package/dist/wallets/walletConnectors/uniswapWallet/uniswapWallet.js

@@ -1,8 +1,9 @@
 "use client";
 import {
   uniswapWallet
-} from "../chunk-LH7BMNFZ.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-NHLG5PVD.js";
+import "../chunk-MAPXJUOO.js";
+import "../chunk-KV4HGYM3.js";
 export {
   uniswapWallet
 };

package/dist/wallets/walletConnectors/walletConnectWallet/walletConnectWallet.js

@@ -1,8 +1,9 @@
 "use client";
 import {
   walletConnectWallet
-} from "../chunk-NP5QGWNL.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-J34FG3W4.js";
+import "../chunk-MAPXJUOO.js";
+import "../chunk-KV4HGYM3.js";
 export {
   walletConnectWallet
 };

package/dist/wallets/walletConnectors/xdefiWallet/xdefiWallet.js

@@ -1,8 +1,9 @@
 "use client";
 import {
   xdefiWallet
-} from "../chunk-TMFH6GXS.js";
-import "../chunk-ARYAYQ7Z.js";
+} from "../chunk-O7RSASRH.js";
+import "../chunk-BAVE62IL.js";
+import "../chunk-KV4HGYM3.js";
 export {
   xdefiWallet
 };

package/dist/wallets/walletConnectors/zealWallet/zealWallet.js

@@ -1,8 +1,9 @@
 "use client";
 import {
   zealWallet
-} from "../chunk-VU2RNIQG.js";
-import "../chunk-ARYAYQ7Z.js";
+} from "../chunk-HE2LMIPD.js";
+import "../chunk-BAVE62IL.js";
+import "../chunk-KV4HGYM3.js";
 export {
   zealWallet
 };

package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js

@@ -1,9 +1,10 @@
 "use client";
 import {
   zerionWallet
-} from "../chunk-GXTI2PZD.js";
-import "../chunk-ARYAYQ7Z.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-TTHM3WUR.js";
+import "../chunk-MAPXJUOO.js";
+import "../chunk-BAVE62IL.js";
+import "../chunk-KV4HGYM3.js";
 export {
   zerionWallet
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "8.5.0",
+  "version": "9.0.0",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -39,21 +39,21 @@
   "license": "MIT",
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",
-    "react": ">=18",
-    "react-dom": ">=18",
+    "react": ">=19",
+    "react-dom": ">=19",
     "viem": ">=2.22.14",
-    "wagmi": "2.x"
+    "wagmi": ">=2.0.0 <=3.5.0"
   },
   "devDependencies": {
-    "@aws-sdk/client-cloudfront": "3.943.0",
-    "@aws-sdk/client-s3": "3.840.0",
-    "@chromatic-com/storybook": "^4.1.1",
+    "@aws-sdk/client-cloudfront": "3.1001.0",
+    "@aws-sdk/client-s3": "3.1001.0",
+    "@chromatic-com/storybook": "^4.1.3",
     "@statsig/statsig-node-core": "^0.11.1",
-    "@storybook/addon-docs": "^9.1.3",
+    "@storybook/addon-docs": "^9.1.19",
     "@storybook/addon-links": "^10.1.3",
-    "@storybook/react-vite": "^9.1.3",
+    "@storybook/react-vite": "^9.1.19",
     "@testing-library/jest-dom": "^6.2.0",
-    "@testing-library/react": "^16.3.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.5.2",
     "@types/qrcode": "^1.5.5",
     "@types/ua-parser-js": "^0.7.39",
@@ -62,23 +62,23 @@
     "@vanilla-extract/private": "^1.0.7",
     "@vanilla-extract/vite-plugin": "^5.0.3",
     "@vitejs/plugin-react": "^5.1.2",
-    "autoprefixer": "^10.4.16",
+    "autoprefixer": "^10.4.27",
     "buffer": "^6.0.3",
     "dotenv": "^17.2.3",
     "esbuild-plugin-replace": "^1.4.0",
-    "i18next-cli": "1.24.14",
     "jsdom": "^26.1.0",
     "postcss": "^8.4.33",
     "postcss-prefix-selector": "^1.16.0",
     "process": "^0.11.10",
-    "react": "^18.3.0",
-    "storybook": "^9.1.17",
+    "react": "^19.0.0",
+    "storybook": "^9.1.19",
     "stream-browserify": "^3.0.0",
-    "tsx": "^4.19.2",
     "tsc-alias": "1.8.16",
+    "tsx": "^4.19.2",
     "util": "^0.12.5",
     "vite-plugin-node-polyfills": "^0.24.0",
-    "vitest": "^3.0.9"
+    "vitest": "^4.0.18",
+    "wagmi": "2.17.2"
   },
   "dependencies": {
     "@bluvo/react": "2.1.3",
@@ -92,7 +92,6 @@
     "@vanilla-extract/css": "1.15.3",
     "@vanilla-extract/dynamic": "2.1.0",
     "@vanilla-extract/sprinkles": "1.6.1",
-    "@wagmi/core": "2.21.1",
     "clsx": "2.1.1",
     "i18next": "25.6.2",
     "motion": "^12.0.11",
@@ -103,10 +102,10 @@
     "ua-parser-js": "^1.0.37",
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.1",
-    "@funkit/api-base": "2.3.0",
     "@funkit/chains": "1.1.0",
-    "@funkit/fun-relay": "2.6.0",
-    "@funkit/utils": "1.2.2"
+    "@funkit/api-base": "2.3.1",
+    "@funkit/utils": "1.2.3",
+    "@funkit/fun-relay": "2.6.1"
   },
   "repository": {
     "type": "git",
@@ -131,6 +130,7 @@
     "storybook:fast": "NODE_OPTIONS='--max-old-space-size=4096' storybook dev -p 6006 --no-open",
     "storybook:clean": "rm -rf node_modules/.vite && npm run storybook",
     "build-storybook": "storybook build",
-    "statsig:generate": "tsx scripts/get_default_statsig_config.ts"
+    "statsig:generate": "tsx scripts/get_default_statsig_config.ts",
+    "i18n:unused": "node scripts/find-unused-i18n-keys.mjs"
   }
 }

package/dist/components/ConnectButton/formatAccountName.d.ts

@@ -1,14 +0,0 @@
-/**
- * Formats users' account name for display
- * - If the account name is shorter than 15 characters, it will be displayed as is
- * - If the account name is longer than 15 characters, it will be shortened to 12 characters + 3 ellipsis
- * - Additionally, If it is an email, the suffix will be removed
- *
- * Examples:
- * - `chloe@fun.xyz` -> `chloe@fun.xyz`
- * - `longname@outlook.com` -> `longname`
- * - `supersuperlongname@gmail.com` -> `supersuperlo...`
- * - `@chloefunxyz` -> `@chloefunxyz`
- * - `@chloefunxyzlongtwittername` -> `@chloefunxyz...`
- */
-export declare function formatAccountName(accountName: string, isEmail: boolean): string;

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

@@ -1,8 +0,0 @@
-import React, { type ReactNode } from 'react';
-interface FunSignInButtonProps {
-    title: string;
-    titlePrefix: ReactNode;
-    onClick: () => void;
-}
-export declare function FunSignInButton({ title, titlePrefix, onClick, }: FunSignInButtonProps): React.JSX.Element;
-export {};

package/dist/components/FunCheckoutHistory/FunCheckoutStatus.css.d.ts

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

package/dist/components/FunInput/FunTextAreaInput.css copy.d.ts

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

package/dist/components/FunKeyValue/FunKeyValue.d.ts

@@ -1,32 +0,0 @@
-import React, { type MouseEventHandler, type ReactNode } from 'react';
-import { type BoxProps } from '../Box/Box';
-import { type TextProps } from '../Text/Text';
-export interface FunKeyValueProps {
-    keyIcon?: ReactNode;
-    keyText: string;
-    valueIcon?: ReactNode;
-    valueText: ReactNode;
-    disclaimerText?: string;
-    onClick?: MouseEventHandler | null;
-    hasBorder?: boolean;
-    keyTextColor?: BoxProps['color'];
-    keyTextSize?: TextProps['size'];
-    keyTextWeight?: TextProps['weight'];
-    keyGap?: BoxProps['gap'];
-    keySectionMaxWidth?: BoxProps['maxWidth'];
-    valueTextColor?: BoxProps['color'];
-    valueTextSize?: TextProps['size'];
-    valueTextWeight?: TextProps['weight'];
-    valueGap?: BoxProps['gap'];
-    reverseValueItems?: boolean;
-    customValueComponent?: ReactNode;
-    disclaimerTextColor?: BoxProps['color'];
-    backgroundBaseColor?: Extract<BoxProps['background'], string>;
-    borderColorBase?: Extract<BoxProps['borderColor'], string>;
-    borderColorHover?: Extract<BoxProps['borderColor'], string>;
-    paddingY?: BoxProps['paddingY'];
-    paddingX?: BoxProps['paddingX'];
-    isDisabled?: boolean;
-}
-export declare function FunKeyValue({ keyIcon, keyText, valueIcon, valueText, disclaimerText, onClick, hasBorder, backgroundBaseColor, // 'actionButtonSecondaryBackground'
-borderColorBase, borderColorHover, keyTextColor, keyTextSize, keyTextWeight, keyGap, keySectionMaxWidth, valueTextColor, valueTextSize, valueTextWeight, valueGap, reverseValueItems, customValueComponent, disclaimerTextColor, paddingY, paddingX, isDisabled, }: FunKeyValueProps): React.JSX.Element;

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

@@ -1,2 +0,0 @@
-export declare const contentExpandedStyles: string;
-export declare const contentCollapsedStyles: string;

package/dist/components/Icons/New/HelpIcon.d.ts

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

package/dist/components/Icons/New/UserIcon.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const UserIcon: ({ size }: {
-    size: number;
-}) => React.JSX.Element;

package/dist/components/index.d.ts

@@ -1,2 +0,0 @@
-export { FunkitProvider } from './../providers/FunkitProvider';
-export { ConnectButton } from './ConnectButton/ConnectButton';

package/dist/hooks/queries/useClientId.d.ts

@@ -1,3 +0,0 @@
-export declare const useClientId: () => import("@tanstack/react-query").UseQueryResult<{
-    id: string;
-}, Error>;

package/dist/hooks/useDynamicFont.d.ts

@@ -1,5 +0,0 @@
-export declare const useDynamicFont: (inputValue: string, max?: number, min?: number) => {
-    ref: import("react").RefObject<HTMLInputElement>;
-    fontSize: number;
-    resetText: () => void;
-};

package/dist/modals/CheckoutModal/ConfirmationStep/DirectExecutionBrokerageAndCardAlert.d.ts

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

package/dist/modals/CheckoutModal/InputAmount/AvailableBalance.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { AssetHoldingsItem } from '../../../utils/assets';
-interface AvailableBalanceProps {
-    sourceHolding?: AssetHoldingsItem;
-    usdAvailableAmount?: number | null;
-}
-export declare const AvailableBalance: (props: AvailableBalanceProps) => React.JSX.Element;
-export {};