@funkit/connect 3.0.3 → 3.1.1

package/dist/wallets/walletConnectors/index.js

@@ -1,94 +1,94 @@
 "use client";
 import {
-  uniswapWallet
-} from "./chunk-QFRZGNNV.js";
-import {
-  zealWallet
-} from "./chunk-BUUV6BS4.js";
+  walletConnectWallet
+} from "./chunk-OFU3PEVT.js";
 import {
   zerionWallet
 } from "./chunk-DBP432DI.js";
 import {
-  safepalWallet
-} from "./chunk-AKAT37SI.js";
+  zealWallet
+} from "./chunk-BUUV6BS4.js";
 import {
-  tokenPocketWallet
-} from "./chunk-ISJYPD3T.js";
+  subWallet
+} from "./chunk-N3ELQYCY.js";
+import {
+  tahoWallet
+} from "./chunk-6AYBA6IH.js";
 import {
   talismanWallet
 } from "./chunk-OTXHQMSG.js";
 import {
   tokenaryWallet
 } from "./chunk-FAYEL4JP.js";
+import {
+  tokenPocketWallet
+} from "./chunk-ISJYPD3T.js";
 import {
   trustWallet
 } from "./chunk-X45WXZDO.js";
 import {
-  tahoWallet
-} from "./chunk-6AYBA6IH.js";
-import {
-  walletConnectWallet
-} from "./chunk-OFU3PEVT.js";
+  uniswapWallet
+} from "./chunk-QFRZGNNV.js";
 import {
   xdefiWallet
 } from "./chunk-RVIZMVFR.js";
 import {
   phantomWallet
 } from "./chunk-KEVUI6AA.js";
+import {
+  rabbyWallet
+} from "./chunk-H5LLXNOI.js";
 import {
   ramperWallet
 } from "./chunk-TKXQYHWJ.js";
-import {
-  oneKeyWallet
-} from "./chunk-ZP2SV6KN.js";
 import {
   rainbowWallet
 } from "./chunk-OHJBALD3.js";
 import {
-  safeheronWallet
-} from "./chunk-FCIRHRFH.js";
+  roninWallet
+} from "./chunk-63YLN6R5.js";
 import {
   safeWallet
 } from "./chunk-Z2QCE6O6.js";
 import {
-  roninWallet
-} from "./chunk-63YLN6R5.js";
+  safepalWallet
+} from "./chunk-AKAT37SI.js";
 import {
-  subWallet
-} from "./chunk-N3ELQYCY.js";
+  safeheronWallet
+} from "./chunk-FCIRHRFH.js";
+import {
+  metaMaskWallet
+} from "./chunk-ODRDT73B.js";
 import {
   ledgerWallet
 } from "./chunk-ZMHCZCGS.js";
 import {
   mewWallet
 } from "./chunk-CVYXTHZ6.js";
-import {
-  metaMaskWallet
-} from "./chunk-ODRDT73B.js";
 import {
   oktoWallet
 } from "./chunk-MBQTOALG.js";
-import {
-  omniWallet
-} from "./chunk-II6YBG2B.js";
 import {
   okxWallet
 } from "./chunk-5HXH52SO.js";
 import {
-  rabbyWallet
-} from "./chunk-H5LLXNOI.js";
+  omniWallet
+} from "./chunk-II6YBG2B.js";
 import {
   oneInchWallet
 } from "./chunk-I7MKK24W.js";
+import {
+  oneKeyWallet
+} from "./chunk-ZP2SV6KN.js";
+import {
+  frameWallet
+} from "./chunk-KPVNJO3R.js";
 import {
   foxWallet
 } from "./chunk-WAOREEBE.js";
 import {
   frontierWallet
 } from "./chunk-LCOUKF2U.js";
-import {
-  frameWallet
-} from "./chunk-KPVNJO3R.js";
 import {
   gateWallet
 } from "./chunk-YIJ5ULO3.js";
@@ -104,12 +104,12 @@ import {
 import {
   bybitWallet
 } from "./chunk-3AZNOY75.js";
-import {
-  coin98Wallet
-} from "./chunk-ZXGMW3OS.js";
 import {
   clvWallet
 } from "./chunk-UHHA5V52.js";
+import {
+  coin98Wallet
+} from "./chunk-ZXGMW3OS.js";
 import {
   coinbaseWallet
 } from "./chunk-PNEDRY6O.js";
@@ -125,15 +125,15 @@ import {
 import {
   enkryptWallet
 } from "./chunk-JJ4DXD7R.js";
+import {
+  argentWallet
+} from "./chunk-ZHFISYEQ.js";
 import {
   bifrostWallet
 } from "./chunk-KL5Z3XHJ.js";
 import {
   bitgetWallet
 } from "./chunk-IEVZW3XR.js";
-import {
-  argentWallet
-} from "./chunk-ZHFISYEQ.js";
 import {
   bitskiWallet
 } from "./chunk-OCCT5PIN.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "3.0.3",
+  "version": "3.1.1",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -37,6 +37,7 @@
   "author": "https://fun.xyz/",
   "license": "MIT",
   "peerDependencies": {
+    "@tanstack/react-query": ">=5.0.0",
     "react": ">=18",
     "react-dom": ">=18",
     "viem": "2.x",
@@ -44,7 +45,15 @@
   },
   "devDependencies": {
     "@aws-sdk/client-s3": "^3.600.0",
+    "@chromatic-com/storybook": "^1.6.1",
     "@funkit/eslint-config": "^1.1.1",
+    "@storybook/addon-essentials": "^8.2.7",
+    "@storybook/addon-interactions": "^8.2.7",
+    "@storybook/addon-links": "^8.2.7",
+    "@storybook/blocks": "^8.2.7",
+    "@storybook/react": "^8.2.7",
+    "@storybook/react-vite": "^8.2.7",
+    "@storybook/test": "^8.2.7",
     "@testing-library/jest-dom": "^6.2.0",
     "@testing-library/react": "^15.0.7",
     "@testing-library/user-event": "^14.5.2",
@@ -52,12 +61,16 @@
     "@types/ua-parser-js": "^0.7.39",
     "@vanilla-extract/css-utils": "0.1.3",
     "@vanilla-extract/private": "^1.0.3",
+    "@vanilla-extract/vite-plugin": "^4.0.13",
+    "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.4.16",
     "eslint": "^8.57.0",
     "jsdom": "^23.0.1",
     "nock": "^13.4.0",
     "postcss": "^8.4.32",
+    "prop-types": "^15.8.1",
     "react": "^18.3.0",
+    "storybook": "^8.2.7",
     "tsx": "^4.15.7",
     "vitest": "^2.0.5"
   },
@@ -66,7 +79,6 @@
     "@meshconnect/web-link-sdk": "2.1.1",
     "@moonpay/moonpay-react": "^1.6.1",
     "@privy-io/js-sdk-core": "^0.21.0",
-    "@tanstack/react-query": "^5.51.11",
     "@types/uuid": "^9.0.8",
     "@vanilla-extract/css": "1.15.3",
     "@vanilla-extract/dynamic": "2.1.0",
@@ -79,9 +91,9 @@
     "react-virtuoso": "4.10.1",
     "ua-parser-js": "^1.0.37",
     "uuid": "^9.0.1",
-    "@funkit/api-base": "1.1.0",
-    "@funkit/core": "2.1.5",
-    "@funkit/wagmi-tools": "3.0.7"
+    "@funkit/api-base": "1.1.1",
+    "@funkit/wagmi-tools": "3.0.8",
+    "@funkit/core": "2.1.6"
   },
   "repository": {
     "type": "git",
@@ -98,6 +110,8 @@
     "typegen": "tsc --emitDeclarationOnly || true",
     "typegen:watch": "tsc --emitDeclarationOnly --watch",
     "lint": "eslint \"**/*.{ts,tsx,js,jsx}\"",
-    "lint:fix": "eslint \"**/*.{ts,tsx,js,jsx}\" --fix"
+    "lint:fix": "eslint \"**/*.{ts,tsx,js,jsx}\" --fix",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   }
 }

package/dist/components/FunMeshVerificationStep/FunMeshVerificationStep.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { MeshExchanges } from '../../utils/mesh';
-interface FunMeshVerificationStepProps {
-    previewId: string;
-    previewExpirationMs: number;
-    transferToAddress: string;
-    exchange: MeshExchanges;
-    accessToken: string;
-    onSuccess: () => void;
-}
-export declare function FunMeshVerificationStep({ previewId, previewExpirationMs, transferToAddress, onSuccess, exchange, accessToken, }: FunMeshVerificationStepProps): React.JSX.Element;
-export {};

package/dist/modals/FunCheckoutModal/FunCheckoutConfirmationStep.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare function FunCheckoutConfirmationStep({ checkoutId, regenerateQuoteFn, onFinish, isRegeneratingQuote, onConfirmClickCallback, }: {
-    checkoutId: string | null;
-    regenerateQuoteFn: () => void;
-    onFinish: (depositAddress: string) => void;
-    isRegeneratingQuote: boolean;
-    onConfirmClickCallback: () => void;
-}): React.JSX.Element;

package/dist/modals/FunCheckoutModal/FunCheckoutConnectExchangeStep.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { PaymentMethodInfo } from '../../consts/payment';
-import { MeshExchanges } from '../../utils/mesh';
-interface Props {
-    exchange: MeshExchanges;
-    onSoftHide: (p: boolean) => void;
-    onSetup: (newPaymentMethodInfo: PaymentMethodInfo) => void;
-}
-export declare const FunCheckoutConnectExchangeStep: ({ exchange, onSoftHide, onSetup, }: Props) => React.JSX.Element;
-export {};

package/dist/modals/FunCheckoutModal/FunCheckoutInputAmountStep.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface FunCheckoutInputAmountStepProps {
-    checkoutId: string;
-    onContinue: () => void;
-    ticker: string | undefined;
-    isLoadingGeoCheck: boolean;
-}
-export declare const FunCheckoutInputAmountStep: ({ checkoutId, onContinue, ticker, isLoadingGeoCheck, }: FunCheckoutInputAmountStepProps) => React.JSX.Element;
-export {};

package/dist/modals/FunCheckoutModal/FunCheckoutModal.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { FunButtonProps } from '../../components/FunButton/FunButton';
-export declare const CHECKOUT_MODAL_BOTTOM_BAR_ID = "checkout-modal-bottom-bar";
-export declare enum FunCheckoutStep {
-    INPUT_AMOUNT = "input_amount",
-    SELECT_PAYMENT_METHOD = "select_payment",
-    CONFIRMATION = "confirmation",
-    PAYMENT_SETUP = "payment_setup",
-    CONNECT_EXCHANGE = "connect_exchange",
-    SELECT_ASSET = "select_asset",
-    MESH_VERIFICATION = "mesh_verification"
-}
-interface FunCheckoutModalProps {
-    open: boolean;
-    onClose: () => void;
-    checkoutId: string | null;
-    isLoadingGeoCheck: boolean;
-    isCheckoutBlocked: boolean;
-}
-export declare function FunCheckoutModal({ onClose, open, checkoutId, isLoadingGeoCheck, isCheckoutBlocked, }: FunCheckoutModalProps): React.JSX.Element;
-export declare const geoCheckInProgressProps: FunButtonProps;
-export {};

package/dist/modals/FunCheckoutModal/FunCheckoutSelectAssetStep.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-/**
- * Based on which payment method was selected, allow users to select which asset they want to fund
- */
-export declare function FunCheckoutSelectAssetStep({ checkoutId, onFinish, onBack, isOnFinishLoading, }: {
-    checkoutId: string | null;
-    isOnFinishLoading: boolean;
-    onFinish: () => void;
-    onBack: () => void;
-}): React.JSX.Element;

package/dist/modals/FunCheckoutModal/FunCheckoutVerifyDetailsStep.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { PaymentMethodInfo } from '../../consts/payment';
-interface FunCheckoutVerifyDetailsStepProps {
-    checkoutId: string;
-    onSelectPaymentMethod: (p: PaymentMethodInfo) => void;
-    isLoadingGeoCheck: boolean;
-}
-export declare function FunCheckoutVerifyDetailsStep({ checkoutId, onSelectPaymentMethod, isLoadingGeoCheck, }: FunCheckoutVerifyDetailsStepProps): React.JSX.Element;
-export {};

package/dist/wallets/walletConnectors/{chunk-B5D7DYVV.js → chunk-2EMZOYQI.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  isAndroid
-} from "./chunk-RETKWSKD.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-WRA2DVJ7.js";
+import {
+  isAndroid
+} from "./chunk-RETKWSKD.js";
 import {
   getWalletConnectConnector
 } from "./chunk-23WIEY36.js";

package/dist/wallets/walletConnectors/{chunk-4HKPVECK.js → chunk-5K4DIMYR.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  isMobile
-} from "./chunk-RETKWSKD.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-WRA2DVJ7.js";
+import {
+  isMobile
+} from "./chunk-RETKWSKD.js";
 import {
   getWalletConnectConnector
 } from "./chunk-23WIEY36.js";

package/dist/wallets/walletConnectors/{chunk-KDGMYRMC.js → chunk-AUVBWDIK.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  isIOS
-} from "./chunk-RETKWSKD.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-WRA2DVJ7.js";
+import {
+  isIOS
+} from "./chunk-RETKWSKD.js";
 import {
   getWalletConnectConnector
 } from "./chunk-23WIEY36.js";

package/dist/wallets/walletConnectors/{chunk-4K3EKHXR.js → chunk-AXPQHNUI.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  isAndroid
-} from "./chunk-RETKWSKD.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-WRA2DVJ7.js";
+import {
+  isAndroid
+} from "./chunk-RETKWSKD.js";
 import {
   getWalletConnectConnector
 } from "./chunk-23WIEY36.js";

package/dist/wallets/walletConnectors/{chunk-5MVCKMZT.js → chunk-B7FHT3CB.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  isAndroid
-} from "./chunk-RETKWSKD.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-WRA2DVJ7.js";
+import {
+  isAndroid
+} from "./chunk-RETKWSKD.js";
 import {
   getWalletConnectConnector
 } from "./chunk-23WIEY36.js";

package/dist/wallets/walletConnectors/{chunk-HMDUVRZP.js → chunk-EFIENLEE.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  isAndroid
-} from "./chunk-RETKWSKD.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-WRA2DVJ7.js";
+import {
+  isAndroid
+} from "./chunk-RETKWSKD.js";
 import {
   getWalletConnectConnector
 } from "./chunk-23WIEY36.js";

package/dist/wallets/walletConnectors/{chunk-HLH777AC.js → chunk-L7QI6PBN.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  isMobile
-} from "./chunk-RETKWSKD.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-WRA2DVJ7.js";
+import {
+  isMobile
+} from "./chunk-RETKWSKD.js";
 import {
   getWalletConnectConnector
 } from "./chunk-23WIEY36.js";

package/dist/wallets/walletConnectors/{chunk-5NZLWT3Y.js → chunk-QP2BIVXD.js}

@@ -1,12 +1,12 @@
 "use client";
-import {
-  isAndroid,
-  isIOS
-} from "./chunk-RETKWSKD.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-WRA2DVJ7.js";
+import {
+  isAndroid,
+  isIOS
+} from "./chunk-RETKWSKD.js";
 import {
   getWalletConnectConnector
 } from "./chunk-23WIEY36.js";

package/dist/wallets/walletConnectors/{chunk-YRK6XWL6.js → chunk-UWZQZY4S.js}

@@ -1,12 +1,12 @@
 "use client";
-import {
-  isAndroid,
-  isIOS
-} from "./chunk-RETKWSKD.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-WRA2DVJ7.js";
+import {
+  isAndroid,
+  isIOS
+} from "./chunk-RETKWSKD.js";
 import {
   getWalletConnectConnector
 } from "./chunk-23WIEY36.js";

package/dist/wallets/walletConnectors/{chunk-VU6B3HMD.js → chunk-UZEMNN3Q.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  isAndroid
-} from "./chunk-RETKWSKD.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-WRA2DVJ7.js";
+import {
+  isAndroid
+} from "./chunk-RETKWSKD.js";
 import {
   getWalletConnectConnector
 } from "./chunk-23WIEY36.js";