@funkit/connect 8.5.0 → 8.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "8.5.0",
+  "version": "8.6.0",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -45,15 +45,15 @@
     "wagmi": "2.x"
   },
   "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.1000.0",
+    "@aws-sdk/client-s3": "3.998.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,22 @@
     "@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",
+    "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"
   },
   "dependencies": {
     "@bluvo/react": "2.1.3",
@@ -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/api-base": "2.3.1",
     "@funkit/chains": "1.1.0",
-    "@funkit/fun-relay": "2.6.0",
-    "@funkit/utils": "1.2.2"
+    "@funkit/fun-relay": "2.6.1",
+    "@funkit/utils": "1.2.3"
   },
   "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 {};

package/dist/wallets/walletConnectors/{chunk-FT5BX7TL.js → chunk-2E4PDCEJ.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/subWallet/subWallet.ts
 var subWallet = ({

package/dist/wallets/walletConnectors/{chunk-LGT6IAXI.js → chunk-47QF6EET.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.ts
 import { isMobile } from "@funkit/utils";

package/dist/wallets/walletConnectors/{chunk-5AV2NSL3.js → chunk-5EAOMOTO.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/bybitWallet/bybitWallet.ts
 var bybitWallet = ({

package/dist/wallets/walletConnectors/{chunk-4SC3PZVM.js → chunk-77UTBHGP.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts
 import { isAndroid, isIOS } from "@funkit/utils";

package/dist/wallets/walletConnectors/{chunk-GXTI2PZD.js → chunk-CZYUE3AR.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/zerionWallet/zerionWallet.ts
 import { isIOS } from "@funkit/utils";

package/dist/wallets/walletConnectors/{chunk-O6YFVGVQ.js → chunk-FA5DTT5R.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/bitgetWallet/bitgetWallet.ts
 import { isAndroid } from "@funkit/utils";

package/dist/wallets/walletConnectors/{chunk-PRGCIJ7Y.js → chunk-HPHADOYD.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/clvWallet/clvWallet.ts
 var clvWallet = ({

package/dist/wallets/walletConnectors/{chunk-GEMN6DM5.js → chunk-JFHP4YJG.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/trustWallet/trustWallet.ts
 import { isMobile } from "@funkit/utils";

package/dist/wallets/walletConnectors/{chunk-75A4Q5E5.js → chunk-MRRZOQGZ.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/gateWallet/gateWallet.ts
 import { isAndroid } from "@funkit/utils";

package/dist/wallets/walletConnectors/{chunk-6677RKVT.js → chunk-R6Y36CMA.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/bifrostWallet/bifrostWallet.ts
 import { isAndroid } from "@funkit/utils";

package/dist/wallets/walletConnectors/{chunk-5FWURLPF.js → chunk-RA7MCWF4.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.ts
 import { isAndroid, isIOS } from "@funkit/utils";

package/dist/wallets/walletConnectors/{chunk-TLOROKED.js → chunk-RLRQYUYC.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/coin98Wallet/coin98Wallet.ts
 var coin98Wallet = ({

package/dist/wallets/walletConnectors/{chunk-3ZWIUCOI.js → chunk-T5KHVUFR.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/frontierWallet/frontierWallet.ts
 import { isAndroid } from "@funkit/utils";

package/dist/wallets/walletConnectors/{chunk-ENLR4LXN.js → chunk-U5QP7MI5.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/okxWallet/okxWallet.ts
 import { isAndroid } from "@funkit/utils";

package/dist/wallets/walletConnectors/{chunk-OCM5YHT5.js → chunk-UOTQQJJD.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/roninWallet/roninWallet.ts
 var roninWallet = ({

package/dist/wallets/walletConnectors/{chunk-RNIMZDHW.js → chunk-VYNVAGSV.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/coreWallet/coreWallet.ts
 var coreWallet = ({

package/dist/wallets/walletConnectors/{chunk-N7475PGA.js → chunk-W7Y6I22Y.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/safepalWallet/safepalWallet.ts
 var safepalWallet = ({

package/dist/wallets/walletConnectors/{chunk-WNQ3NPHX.js → chunk-YLJDPTYF.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-ARYAYQ7Z.js";
-import {
-  getWalletConnectConnector
-} from "./chunk-23WIEY36.js";
 
 // src/wallets/walletConnectors/foxWallet/foxWallet.ts
 var foxWallet = ({