@funkit/connect 5.5.7 → 5.5.9

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

@@ -1,9 +1,12 @@
 import React from 'react';
+export declare const USD_AMOUNT_OPTIONS_PCT: number[];
 interface QuickOptionsProps {
+    currency?: string;
+    disabled?: boolean;
     onSelect?: (percentage: number) => void;
+    options?: number[];
     percentMode?: boolean;
-    disabled?: boolean;
-    currency?: string;
 }
-export declare const QuickOptions: ({ onSelect, percentMode, disabled, currency, }: QuickOptionsProps) => React.JSX.Element[];
+export declare function useFiatAmountOptions(currency: string): number[];
+export declare const QuickOptions: ({ currency, disabled, onSelect, options, percentMode, }: QuickOptionsProps) => React.JSX.Element[] | undefined;
 export {};

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

@@ -1,4 +1,4 @@
-import type { PaymentMethod } from '~/domains/paymentMethods';
+import { PaymentMethod } from '~/domains/paymentMethods';
 import type { AssetHoldingsItem } from '~/utils/assets';
 import type { FunkitCheckoutConfig } from '../../../providers/FunkitCheckoutContext';
 export interface AmountInputInitOptions {
@@ -16,16 +16,20 @@ export interface AmountInputInitOptions {
     minUsd?: number;
     /** Currency code for the currently selected fiat currency. Defaults to USD */
     fiatCurrency?: string;
+    /** Quick options, in fiat (not %) */
+    quickOptions?: number[];
 }
 export interface AmountInputState {
     /** Current amount, in target asset */
     assetAmount: number;
-    /** Current input value (with leading $ if in USD) */
+    /** Current amount, in fiat */
+    fiatAmount: number;
+    /** Fiat currency */
+    fiatCurrency: string;
+    /** Current input value (with leading currency symbol if in fiat) */
     inputValue: string;
-    /** Whether the input is currently in USD */
-    isInputInUsd: boolean;
-    /** Current amount, in USD */
-    usdAmount: number;
+    /** Whether the input is currently in fiat */
+    isInputInFiat: boolean;
     /** Estimated available amount, in USD (defaults to unlimited) */
     usdAvailableAmount: number | null;
     /** Maximum amount, in USD (defaults to unlimited) */
@@ -39,24 +43,22 @@ export interface AmountInputDerivedState extends AmountInputState {
     isValid: boolean;
 }
 export type AmountInputAction = {
-    /** Switches between USD and absolute input mode */
-    type: 'toggleInputInUsd';
-} | {
-    /** Changes formatting to new currency code */
-    type: 'changeFiatCurrency';
-    fiatCurrency: string;
+    /** Switches between fiat and crypto input mode */
+    type: 'toggleInputInFiat';
 } | {
     /** Sets the input value as string */
     type: 'setInputValue';
     inputValue: string;
     unitPrice: number;
-    fiatCurrency: string;
 } | {
-    /** Sets the input value as USD amount */
-    type: 'setUsdAmount';
+    /** Sets the input value as fiat amount */
+    type: 'setFiatAmount';
+    fiatAmount: number;
     unitPrice: number;
+} | {
+    /** Changes formatting to new currency code */
+    type: 'setFiatCurrency';
     fiatCurrency: string;
-    usdAmount: number;
 };
 export type AmountInputError = {
     /** Current amount is above available balance */
@@ -77,6 +79,6 @@ export type AmountInputError = {
     /** Input is empty */
     type: 'noInput';
 };
-export declare function initializeState({ apiKey, checkoutConfig, maxUsd, minUsd, paymentMethod, sourceHolding, unitPrice, defaultAmount, fiatCurrency, }: AmountInputInitOptions): AmountInputState;
+export declare function initializeState({ apiKey, checkoutConfig, maxUsd, minUsd, paymentMethod, sourceHolding, unitPrice, defaultAmount, fiatCurrency, quickOptions, }: AmountInputInitOptions): AmountInputState;
 export declare function reduceState(state: AmountInputState, action: AmountInputAction): AmountInputState;
 export declare function getDerivedState(state: AmountInputState): AmountInputDerivedState;

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

@@ -2,11 +2,11 @@ import { type AmountInputDerivedState, type AmountInputInitOptions } from './sta
 import { type InputAmountSuggestion } from './utils';
 interface UseAmountInputResult extends AmountInputDerivedState {
     onChange(event: React.ChangeEvent<HTMLInputElement>): void;
-    toggleInputInUsd: () => void;
-    setUsdAmount(usdAmount: number): AmountInputDerivedState;
     placeholder: string;
+    setFiatAmount(usdAmount: number): AmountInputDerivedState;
     /** Possible user action to recover from the current error */
     suggestion: InputAmountSuggestion | undefined;
+    toggleInputInFiat: () => void;
 }
 export declare function useAmountInput(options: AmountInputInitOptions): UseAmountInputResult;
 export {};

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

@@ -4,6 +4,7 @@ import type { AmountInputError } from './state';
 export declare const ASSET_DECIMALS = 5;
 export declare const USD_DECIMALS = 2;
 export declare const USD_INITIAL_AMOUNT = 100;
+export declare function getDefaultAmountFromQuickOptions(quickOptions: number[] | undefined): number | undefined;
 export declare function getUsdMaxAmount(maxUsd: number): number | null;
 export declare function getUsdMinAmount(paymentMethod: PaymentMethod, defaultMin?: number): number;
 export interface InputAmountSuggestion {

package/dist/modals/CheckoutModal/MeldCurrencySelect/MeldCurrencySelect.d.ts

@@ -3,12 +3,10 @@ import type { PaymentMethodCardInfo } from '~/domains/paymentMethods';
 import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
 export type MeldCurrencySelectState = CheckoutModalCommonState & {
     defaultCurrency: string;
-    fiatAmount: number;
     paymentMethodInfo: PaymentMethodCardInfo;
 };
 export type MeldCurrencySelectNext = {
     currency: string;
-    fiatAmount: number;
 };
 export declare const MeldCurrencySelectInfo: ModalStepInfo<FunCheckoutStep.MELD_CURRENCY_SELECT>;
 export declare function MeldCurrencySelect({ modalState, onNext, }: ModalStepComponentProps<FunCheckoutStep.MELD_CURRENCY_SELECT>): React.JSX.Element;

package/dist/utils/flags/config.d.ts

@@ -295,4 +295,8 @@ export declare const flagConfig: {
         type: "string";
         default_value: string;
     };
+    min_token_transfer_value: {
+        type: "string";
+        default_value: string;
+    };
 };

package/dist/wallets/walletConnectors/index.js

@@ -3,14 +3,11 @@ import {
   xdefiWallet
 } from "./chunk-NO7XMBB5.js";
 import {
-  walletConnectWallet
-} from "./chunk-NP5QGWNL.js";
+  zealWallet
+} from "./chunk-JROWU5BP.js";
 import {
   zerionWallet
 } from "./chunk-ETTNDQQG.js";
-import {
-  subWallet
-} from "./chunk-4UM4GTKZ.js";
 import {
   tahoWallet
 } from "./chunk-6P2EMPZI.js";
@@ -18,59 +15,59 @@ import {
   talismanWallet
 } from "./chunk-ABFSXBE6.js";
 import {
-  tokenaryWallet
-} from "./chunk-SLOIIJGP.js";
-import {
-  trustWallet
-} from "./chunk-IPOC2VJX.js";
+  safeheronWallet
+} from "./chunk-R6RWZRFF.js";
 import {
   tokenPocketWallet
 } from "./chunk-FRGSRLTS.js";
+import {
+  trustWallet
+} from "./chunk-IPOC2VJX.js";
 import {
   uniswapWallet
 } from "./chunk-LH7BMNFZ.js";
 import {
-  zealWallet
-} from "./chunk-JROWU5BP.js";
+  walletConnectWallet
+} from "./chunk-NP5QGWNL.js";
 import {
-  phantomWallet
-} from "./chunk-ZSVTX6EK.js";
+  tokenaryWallet
+} from "./chunk-SLOIIJGP.js";
 import {
-  ramperWallet
-} from "./chunk-PIUNLQJG.js";
+  omniWallet
+} from "./chunk-7CUY5G6R.js";
 import {
-  roninWallet
-} from "./chunk-25VW5TZP.js";
+  rabbyWallet
+} from "./chunk-BVX4XGNP.js";
 import {
   rainbowWallet
 } from "./chunk-MOOBCMMB.js";
 import {
-  rabbyWallet
-} from "./chunk-BVX4XGNP.js";
+  roninWallet
+} from "./chunk-25VW5TZP.js";
+import {
+  ramperWallet
+} from "./chunk-PIUNLQJG.js";
 import {
   safeWallet
 } from "./chunk-BQQQL6UD.js";
-import {
-  safeheronWallet
-} from "./chunk-R6RWZRFF.js";
 import {
   safepalWallet
 } from "./chunk-6LPM6LUQ.js";
 import {
-  imTokenWallet
-} from "./chunk-COZ7MIQS.js";
+  subWallet
+} from "./chunk-4UM4GTKZ.js";
+import {
+  ledgerWallet
+} from "./chunk-BRBKM4PW.js";
 import {
   mewWallet
 } from "./chunk-V57WLZEE.js";
 import {
-  ledgerWallet
-} from "./chunk-BRBKM4PW.js";
+  metaMaskWallet
+} from "./chunk-N2NIIUW6.js";
 import {
   oktoWallet
 } from "./chunk-ADIXAKUL.js";
-import {
-  omniWallet
-} from "./chunk-7CUY5G6R.js";
 import {
   okxWallet
 } from "./chunk-3U3BMEH5.js";
@@ -80,6 +77,9 @@ import {
 import {
   oneKeyWallet
 } from "./chunk-4AD7VI2P.js";
+import {
+  phantomWallet
+} from "./chunk-ZSVTX6EK.js";
 import {
   foxWallet
 } from "./chunk-XYBEMO3C.js";
@@ -95,36 +95,36 @@ import {
 import {
   injectedWallet
 } from "./chunk-VCVVV2K7.js";
+import {
+  imTokenWallet
+} from "./chunk-COZ7MIQS.js";
 import {
   kresusWallet
 } from "./chunk-MJXPRJZT.js";
-import {
-  metaMaskWallet
-} from "./chunk-N2NIIUW6.js";
 import {
   bybitWallet
 } from "./chunk-W5O4YSZN.js";
+import {
+  clvWallet
+} from "./chunk-LEXSM5KI.js";
 import {
   coinbaseWallet
 } from "./chunk-H4IRCEZN.js";
 import {
   coin98Wallet
 } from "./chunk-KFFJPS5R.js";
-import {
-  clvWallet
-} from "./chunk-LEXSM5KI.js";
 import {
   dawnWallet
 } from "./chunk-LN7OD5EC.js";
 import {
   coreWallet
 } from "./chunk-JXP2QPW7.js";
-import {
-  desigWallet
-} from "./chunk-CTU6JCOK.js";
 import {
   enkryptWallet
 } from "./chunk-SJTXS4ZW.js";
+import {
+  desigWallet
+} from "./chunk-CTU6JCOK.js";
 import {
   argentWallet
 } from "./chunk-WSQ2YJO2.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "5.5.7",
+  "version": "5.5.9",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -45,16 +45,11 @@
   },
   "devDependencies": {
     "@aws-sdk/client-cloudfront": "3.645.0",
-    "@aws-sdk/client-s3": "3.645.0",
-    "@chromatic-com/storybook": "^3.2.6",
+    "@aws-sdk/client-s3": "3.840.0",
+    "@chromatic-com/storybook": "^4.0.1",
     "@meshconnect/node-api": "2.0.14",
-    "@storybook/addon-essentials": "^8.6.7",
-    "@storybook/addon-interactions": "^8.6.7",
-    "@storybook/addon-links": "^8.6.7",
-    "@storybook/blocks": "^8.6.7",
-    "@storybook/react": "^8.6.7",
-    "@storybook/react-vite": "^8.6.7",
-    "@storybook/test": "^8.6.7",
+    "@storybook/addon-links": "^9.0.15",
+    "@storybook/react-vite": "^9.0.15",
     "@testing-library/jest-dom": "^6.2.0",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -68,9 +63,10 @@
     "jsdom": "^26.1.0",
     "postcss": "^8.4.33",
     "react": "^18.3.0",
-    "storybook": "^8.6.7",
+    "storybook": "^9.0.15",
     "tsx": "^4.19.2",
-    "vitest": "^3.0.9"
+    "vitest": "^3.0.9",
+    "@storybook/addon-docs": "^9.0.15"
   },
   "dependencies": {
     "@datadog/browser-logs": "5.22.0",
@@ -92,12 +88,12 @@
     "ua-parser-js": "^1.0.37",
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.1",
-    "@funkit/api-base": "1.9.3",
-    "@funkit/core": "2.3.25",
+    "@funkit/api-base": "1.9.4",
+    "@funkit/utils": "1.1.3",
+    "@funkit/wagmi-tools": "3.0.48",
+    "@funkit/core": "2.3.26",
     "@funkit/chains": "0.3.1",
-    "@funkit/wagmi-tools": "3.0.47",
-    "@funkit/fun-relay": "0.1.7",
-    "@funkit/utils": "1.1.2"
+    "@funkit/fun-relay": "0.1.7"
   },
   "repository": {
     "type": "git",