@funkit/connect 3.0.2 → 3.1.0

package/dist/wallets/walletConnectors/index.js

@@ -1,154 +1,154 @@
 "use client";
-import {
-  uniswapWallet
-} from "./chunk-QFRZGNNV.js";
-import {
-  zerionWallet
-} from "./chunk-DBP432DI.js";
 import {
   zealWallet
 } from "./chunk-BUUV6BS4.js";
+import {
+  zerionWallet
+} from "./chunk-KDGMYRMC.js";
 import {
   safeheronWallet
 } from "./chunk-FCIRHRFH.js";
-import {
-  tahoWallet
-} from "./chunk-6AYBA6IH.js";
 import {
   tokenPocketWallet
-} from "./chunk-ISJYPD3T.js";
-import {
-  subWallet
-} from "./chunk-N3ELQYCY.js";
+} from "./chunk-4HKPVECK.js";
 import {
   tokenaryWallet
 } from "./chunk-FAYEL4JP.js";
+import {
+  trustWallet
+} from "./chunk-HLH777AC.js";
 import {
   walletConnectWallet
 } from "./chunk-OFU3PEVT.js";
 import {
-  xdefiWallet
-} from "./chunk-RVIZMVFR.js";
+  uniswapWallet
+} from "./chunk-QFRZGNNV.js";
 import {
-  trustWallet
-} from "./chunk-X45WXZDO.js";
+  ledgerWallet
+} from "./chunk-ZMHCZCGS.js";
 import {
-  phantomWallet
-} from "./chunk-KEVUI6AA.js";
+  subWallet
+} from "./chunk-IR3YKU2N.js";
+import {
+  xdefiWallet
+} from "./chunk-RVIZMVFR.js";
 import {
   ramperWallet
 } from "./chunk-TKXQYHWJ.js";
 import {
-  rainbowWallet
-} from "./chunk-OHJBALD3.js";
+  roninWallet
+} from "./chunk-25VW5TZP.js";
 import {
-  rabbyWallet
-} from "./chunk-H5LLXNOI.js";
+  rainbowWallet
+} from "./chunk-5NZLWT3Y.js";
 import {
   safeWallet
 } from "./chunk-Z2QCE6O6.js";
-import {
-  roninWallet
-} from "./chunk-63YLN6R5.js";
 import {
   safepalWallet
-} from "./chunk-AKAT37SI.js";
+} from "./chunk-ZCKNEKQQ.js";
+import {
+  tahoWallet
+} from "./chunk-6AYBA6IH.js";
 import {
   talismanWallet
 } from "./chunk-OTXHQMSG.js";
 import {
-  imTokenWallet
-} from "./chunk-BMJOLT2N.js";
+  coreWallet
+} from "./chunk-57UUMOOZ.js";
 import {
-  metaMaskWallet
-} from "./chunk-ODRDT73B.js";
+  okxWallet
+} from "./chunk-VU6B3HMD.js";
 import {
-  mewWallet
-} from "./chunk-CVYXTHZ6.js";
+  oktoWallet
+} from "./chunk-MBQTOALG.js";
 import {
   omniWallet
 } from "./chunk-II6YBG2B.js";
 import {
-  oktoWallet
-} from "./chunk-MBQTOALG.js";
-import {
-  okxWallet
-} from "./chunk-5HXH52SO.js";
+  metaMaskWallet
+} from "./chunk-YRK6XWL6.js";
 import {
   oneKeyWallet
 } from "./chunk-ZP2SV6KN.js";
+import {
+  phantomWallet
+} from "./chunk-KEVUI6AA.js";
 import {
   oneInchWallet
 } from "./chunk-I7MKK24W.js";
 import {
-  frontierWallet
-} from "./chunk-LCOUKF2U.js";
+  rabbyWallet
+} from "./chunk-H5LLXNOI.js";
 import {
-  foxWallet
-} from "./chunk-WAOREEBE.js";
+  frontierWallet
+} from "./chunk-HMDUVRZP.js";
 import {
   frameWallet
 } from "./chunk-KPVNJO3R.js";
 import {
-  gateWallet
-} from "./chunk-YIJ5ULO3.js";
-import {
-  ledgerWallet
-} from "./chunk-ZMHCZCGS.js";
+  imTokenWallet
+} from "./chunk-BMJOLT2N.js";
 import {
   injectedWallet
 } from "./chunk-E5NYR4SS.js";
 import {
   kresusWallet
 } from "./chunk-QQJKQCII.js";
+import {
+  gateWallet
+} from "./chunk-5MVCKMZT.js";
+import {
+  mewWallet
+} from "./chunk-CVYXTHZ6.js";
 import {
   clvWallet
-} from "./chunk-UHHA5V52.js";
+} from "./chunk-J2BF4L2V.js";
+import {
+  braveWallet
+} from "./chunk-NUEOWEZS.js";
 import {
   coinbaseWallet
 } from "./chunk-PNEDRY6O.js";
 import {
-  bybitWallet
-} from "./chunk-3AZNOY75.js";
-import {
-  desigWallet
-} from "./chunk-44CHUPEQ.js";
-import {
-  coin98Wallet
-} from "./chunk-ZXGMW3OS.js";
+  bitgetWallet
+} from "./chunk-B5D7DYVV.js";
 import {
   dawnWallet
 } from "./chunk-KCTWDMQP.js";
-import {
-  coreWallet
-} from "./chunk-MOOW2AOC.js";
 import {
   enkryptWallet
 } from "./chunk-JJ4DXD7R.js";
 import {
-  bloomWallet
-} from "./chunk-J64P6XK3.js";
+  desigWallet
+} from "./chunk-44CHUPEQ.js";
 import {
-  bifrostWallet
-} from "./chunk-KL5Z3XHJ.js";
+  foxWallet
+} from "./chunk-OKUX4BC4.js";
 import {
   argentWallet
 } from "./chunk-ZHFISYEQ.js";
+import {
+  bifrostWallet
+} from "./chunk-4K3EKHXR.js";
 import {
   bitskiWallet
 } from "./chunk-OCCT5PIN.js";
-import {
-  bitgetWallet
-} from "./chunk-IEVZW3XR.js";
-import "./chunk-RETKWSKD.js";
 import {
   bitverseWallet
 } from "./chunk-BQEOIDHP.js";
-import "./chunk-23WIEY36.js";
 import {
-  braveWallet
-} from "./chunk-NUEOWEZS.js";
+  bloomWallet
+} from "./chunk-J64P6XK3.js";
+import "./chunk-RETKWSKD.js";
+import {
+  bybitWallet
+} from "./chunk-HCKLWBE5.js";
+import {
+  coin98Wallet
+} from "./chunk-WAMHUVNP.js";
 import "./chunk-WRA2DVJ7.js";
+import "./chunk-23WIEY36.js";
 export {
   argentWallet,
   bifrostWallet,

package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   metaMaskWallet
-} from "../chunk-ODRDT73B.js";
+} from "../chunk-YRK6XWL6.js";
 import "../chunk-RETKWSKD.js";
-import "../chunk-23WIEY36.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   metaMaskWallet
 };

package/dist/wallets/walletConnectors/okxWallet/okxWallet.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   okxWallet
-} from "../chunk-5HXH52SO.js";
+} from "../chunk-VU6B3HMD.js";
 import "../chunk-RETKWSKD.js";
-import "../chunk-23WIEY36.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   okxWallet
 };

package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   rainbowWallet
-} from "../chunk-OHJBALD3.js";
+} from "../chunk-5NZLWT3Y.js";
 import "../chunk-RETKWSKD.js";
-import "../chunk-23WIEY36.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   rainbowWallet
 };

package/dist/wallets/walletConnectors/roninWallet/roninWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   roninWallet
-} from "../chunk-63YLN6R5.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-25VW5TZP.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   roninWallet
 };

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   safepalWallet
-} from "../chunk-AKAT37SI.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-ZCKNEKQQ.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   safepalWallet
 };

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   subWallet
-} from "../chunk-N3ELQYCY.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-IR3YKU2N.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   subWallet
 };

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

@@ -1,10 +1,10 @@
 "use client";
 import {
   tokenPocketWallet
-} from "../chunk-ISJYPD3T.js";
+} from "../chunk-4HKPVECK.js";
 import "../chunk-RETKWSKD.js";
-import "../chunk-23WIEY36.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   tokenPocketWallet
 };

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

@@ -1,10 +1,10 @@
 "use client";
 import {
   trustWallet
-} from "../chunk-X45WXZDO.js";
+} from "../chunk-HLH777AC.js";
 import "../chunk-RETKWSKD.js";
-import "../chunk-23WIEY36.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   trustWallet
 };

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

@@ -1,10 +1,10 @@
 "use client";
 import {
   zerionWallet
-} from "../chunk-DBP432DI.js";
+} from "../chunk-KDGMYRMC.js";
 import "../chunk-RETKWSKD.js";
-import "../chunk-23WIEY36.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   zerionWallet
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -44,7 +44,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 +60,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"
   },
@@ -79,9 +91,9 @@
     "react-virtuoso": "4.10.1",
     "ua-parser-js": "^1.0.37",
     "uuid": "^9.0.1",
-    "@funkit/core": "2.1.4",
-    "@funkit/api-base": "1.0.3",
-    "@funkit/wagmi-tools": "3.0.6"
+    "@funkit/core": "2.1.6",
+    "@funkit/api-base": "1.1.1",
+    "@funkit/wagmi-tools": "3.0.8"
   },
   "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 {};