@funkit/connect 7.0.2 → 7.0.3-next.1

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @funkit/connect
 
+## 7.0.3-next.1
+
+### Patch Changes
+
+- 28136c9: feat(connect): migrate MeldQuickOptions flag to statsig
+- 39406ab: fix(connect): fix undefined error when reading destinationAmount
+- 6f66084: add islighter flow
+- b1c4d85: feat(connect): support for `dynamicRoutingId` param
+- 188da7b: remove genActionParam check in init
+- 62a557d: tradefox theme implemented
+- 115d875: fix(connect): update statsig user when api key changes
+- 9257a9b: remove tick size read in connect
+- Updated dependencies [173d602]
+- Updated dependencies [6d91583]
+- Updated dependencies [9257a9b]
+  - @funkit/fun-relay@2.1.16-next.1
+  - @funkit/utils@1.1.22-next.0
+  - @funkit/api-base@1.12.22-next.0
+
+## 7.0.3-next.0
+
+### Patch Changes
+
+- a3a4275: feat(connect): enable monad for hyena + based
+- 361d54c: feat(connect): rounding to the nearest tick size
+- 8feddc9: set default modal size medium
+- f7fa2bc: disable non mainnet eth for lighter eth
+- d0fdef4: add insufficient eth message
+- 087557e: feat(connect): migrate showpoweredtagline flag to statsig
+- e3f0125: add new check for isLighterEthSpot
+- Updated dependencies [3601d23]
+- Updated dependencies [f0f39af]
+  - @funkit/fun-relay@2.1.16-next.0
+  - @funkit/chains@0.5.2-next.0
+
 ## 7.0.2
 
 ### Patch Changes

package/dist/__generated__/default_configs.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     readonly addressblacklist: {
-        readonly value: readonly ["0x7b97b46D35a28B561d47F50CFB9a2735E506e59d", "0x409ad08cc6CA757f69Fb80250a424B9eFeB99807", "0x02A86f51aA7B8b1c17c30364748d5Ae4a0727E23", "0x64131b60502C01362639CC5cfE1a1efB6Be1165A", "0xb84440Ee8BAD69c14755bBb7093f861c3512E3D1"];
+        readonly value: readonly ["0x7b97b46D35a28B561d47F50CFB9a2735E506e59d", "0x409ad08cc6CA757f69Fb80250a424B9eFeB99807", "0x02A86f51aA7B8b1c17c30364748d5Ae4a0727E23", "0x64131b60502C01362639CC5cfE1a1efB6Be1165A"];
     };
     readonly array_of_strings: {
         readonly value: readonly [];
@@ -14,11 +14,152 @@ declare const _default: {
     readonly brokerage_hide_you_receive: {
         readonly value: false;
     };
+    readonly chainidsortorder: {
+        readonly value: readonly ["1", "1151111081099710", "8453", "56", "137", "42161", "10"];
+    };
+    readonly checkoutnotificationsrefreshinterval: {
+        readonly value: {
+            readonly listRefresh: 5000;
+            readonly itemRefresh: 2000;
+        };
+    };
+    readonly checkouttimeestimateoverrides: {
+        readonly value: {
+            readonly balance: 60;
+            readonly brokerage: 120;
+            readonly card: 300;
+            readonly token_transfer: 60;
+        };
+    };
+    readonly dynamicrouting: {
+        readonly value: readonly [{
+            readonly routeId: "LIGHTER_ETH_SPOT";
+            readonly rules: readonly [{
+                readonly when: {
+                    readonly chainId: "1";
+                    readonly tokenAddress: "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
+                };
+                readonly use: {
+                    readonly path: "FUN_MAINNET_DEPOSIT";
+                    readonly badge: "NATIVE";
+                };
+            }, {
+                readonly when: {
+                    readonly chainId: "1";
+                    readonly tokenAddress: "*";
+                };
+                readonly use: {
+                    readonly path: "FUN_MAINNET_DEPOSIT";
+                };
+            }, {
+                readonly when: "*";
+                readonly use: {
+                    readonly path: "RL_TRANSFER";
+                };
+            }];
+        }, {
+            readonly routeId: "LIGHTER_USDC_PERPS";
+            readonly rules: readonly [{
+                readonly when: {
+                    readonly chainId: "1";
+                    readonly tokenAddress: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48";
+                };
+                readonly use: {
+                    readonly path: "FUN_MAINNET_DEPOSIT";
+                    readonly badge: "NATIVE";
+                };
+            }, {
+                readonly when: {
+                    readonly chainId: "1";
+                    readonly tokenAddress: "*";
+                };
+                readonly use: {
+                    readonly path: "FUN_MAINNET_DEPOSIT";
+                };
+            }, {
+                readonly when: "*";
+                readonly use: {
+                    readonly path: "RL_TRANSFER";
+                };
+            }];
+        }, {
+            readonly routeId: "LIGHTER_USDC_PERPS_NEW_USER";
+            readonly rules: readonly [{
+                readonly when: {
+                    readonly chainId: "1";
+                    readonly tokenAddress: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48";
+                };
+                readonly use: {
+                    readonly path: "FUN_MAINNET_DEPOSIT";
+                    readonly badge: "NATIVE";
+                };
+            }, {
+                readonly when: "*";
+                readonly use: {
+                    readonly path: "FUN_MAINNET_DEPOSIT";
+                };
+            }];
+        }, {
+            readonly routeId: "LIGHTER_ETH_SPOT_NEW_USER";
+            readonly rules: readonly [{
+                readonly when: {
+                    readonly chainId: "1";
+                    readonly tokenAddress: "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee";
+                };
+                readonly use: {
+                    readonly path: "FUN_MAINNET_DEPOSIT";
+                    readonly badge: "NATIVE";
+                };
+            }, {
+                readonly when: "*";
+                readonly use: {
+                    readonly path: "FUN_MAINNET_DEPOSIT";
+                };
+            }];
+        }];
+    };
+    readonly enablebitcoin: {
+        readonly value: true;
+    };
+    readonly enablebluvobrokerage: {
+        readonly value: false;
+    };
+    readonly enablefiatdeposit: {
+        readonly value: true;
+    };
+    readonly enablemeldpayment: {
+        readonly value: false;
+    };
+    readonly enabletokentransfer: {
+        readonly value: true;
+    };
+    readonly isrelaybypassenabled: {
+        readonly value: true;
+    };
+    readonly meldquickoptions: {
+        readonly value: {
+            readonly USD: readonly [100, 500, 1000];
+            readonly EUR: readonly [90, 435, 870];
+            readonly JPY: readonly [14500, 72500, 145000];
+            readonly KRW: readonly [137500, 690000, 1380000];
+            readonly GBP: readonly [75, 375, 745];
+            readonly CAD: readonly [135, 685, 1365];
+            readonly AUD: readonly [155, 770, 1540];
+            readonly CHF: readonly [80, 410, 820];
+            readonly BRL: readonly [550, 2750, 5500];
+            readonly INR: readonly [8600, 43000, 86000];
+            readonly PHP: readonly [5700, 28500, 57000];
+            readonly TRY: readonly [3950, 19800, 39500];
+            readonly RUB: readonly [7850, 39300, 78600];
+            readonly PLN: readonly [370, 1860, 3715];
+            readonly SGD: readonly [130, 645, 1285];
+        };
+    };
     readonly showinfobanner: {
         readonly value: {
             readonly message: "";
-            readonly expireAtMs: 1;
-            readonly type: "announcement";
+            readonly expireAtMs: 0;
+            readonly type: "alert";
         };
     };
     readonly showpoweredtagline: {
@@ -27,5 +168,42 @@ declare const _default: {
     readonly supportedexchangesv2: {
         readonly value: readonly [];
     };
+    readonly uda_params: {
+        readonly value: readonly [{
+            readonly dynamicRoutingId: "LIGHTER_ETH_SPOT";
+            readonly params: {
+                readonly targetChain: "3586256";
+                readonly targetAsset: "0x0000000000000000000000000000000000000001";
+                readonly targetAssetTicker: "ETH (Spot)";
+                readonly iconSrc: "https://sdk-cdn.fun.xyz/images/eth.svg";
+            };
+        }, {
+            readonly dynamicRoutingId: "LIGHTER_ETH_SPOT_NEW_USER";
+            readonly params: {
+                readonly targetChain: "1";
+                readonly targetAsset: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48";
+                readonly targetAssetTicker: "USDC (Perps)";
+                readonly iconSrc: "https://sdk-cdn.fun.xyz/images/usdc.svg";
+                readonly qrcodeActionType: "LIGHTER_USDC_DEPOSIT";
+            };
+        }, {
+            readonly dynamicRoutingId: "LIGHTER_USDC_PERPS";
+            readonly params: {
+                readonly targetChain: "3586256";
+                readonly targetAsset: "0x0000000000000000000000000000000000000000";
+                readonly targetAssetTicker: "USDC (Perps)";
+                readonly iconSrc: "https://sdk-cdn.fun.xyz/images/usdc.svg";
+            };
+        }, {
+            readonly dynamicRoutingId: "LIGHTER_USDC_PERPS_NEW_USER";
+            readonly params: {
+                readonly targetChain: "1";
+                readonly targetAsset: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48";
+                readonly targetAssetTicker: "USDC (Perps)";
+                readonly iconSrc: "https://sdk-cdn.fun.xyz/images/usdc.svg";
+                readonly qrcodeActionType: "LIGHTER_USDC_DEPOSIT";
+            };
+        }];
+    };
 };
 export default _default;

package/dist/{chunk-DN7UTQK5.js → chunk-5GV4UXWB.js}

@@ -142,13 +142,13 @@ var lightTheme = ({
     // lightStroke
     modalFooterDivider: "#F7F7F7",
     // lightStroke
-    spinnerBackground: "rgba(255, 255, 255, 0.3)",
+    spinnerBackground: customColors?.mediumStroke ?? "rgba(255, 255, 255, 0.3)",
     // 30% buttonTextPrimary
-    spinnerIndicator: "#FFF",
+    spinnerIndicator: customColors?.primaryText ?? "#FFF",
     // 100% buttonTextPrimary
     spinnerBackgroundVerifyAccount: "rgba(255, 255, 255, 0.3)",
     // 30% buttonTextPrimary
-    spinnerIndicatorVerifyAccount: "#FFF",
+    spinnerIndicatorVerifyAccount: customColors?.primaryText ?? "#FFF",
     // 100% buttonTextPrimary
     // Override colors
     ...customColors || {},

package/dist/{chunk-OVMNR35O.js → chunk-IVO7KGHT.js}

@@ -142,13 +142,13 @@ var darkTheme = ({
     // lightStroke
     modalFooterDivider: "#333333",
     // lightStroke
-    spinnerBackground: "rgba(0, 0, 0, 0.3)",
+    spinnerBackground: customColors?.mediumStroke ?? "rgba(0, 0, 0, 0.3)",
     // 30% buttonTextPrimary
-    spinnerIndicator: "#000",
+    spinnerIndicator: customColors?.primaryText ?? "#000",
     // 100% buttonTextPrimary
     spinnerBackgroundVerifyAccount: "rgba(0, 0, 0, 0.3)",
     // 30% buttonTextPrimary
-    spinnerIndicatorVerifyAccount: "#000",
+    spinnerIndicatorVerifyAccount: customColors?.primaryText ?? "#000",
     // 100% buttonTextPrimary
     // Override colors
     ...customColors || {},

package/dist/components/FunCheckoutHistory/useCustomStatusAnimationAboveTopbar.d.ts

@@ -14,6 +14,8 @@ interface CustomStatusAnimationParams {
     withTopDivider: 'always' | 'never' | 'scroll' | undefined;
     /** ID of the element to scroll (main dialog content) when scrolling over the overflowed title */
     scrollableContent: string;
+    /** Whether this is a lighter native deposit checkout (eth mainnet) */
+    isLighterNativeDeposit?: boolean;
 }
 interface CustomStatusAnimationReturn {
     /** To be passed to scrolling container, to sync the scroll position */
@@ -27,5 +29,5 @@ interface CustomStatusAnimationReturn {
  * Hook for sharing the logic for the custom status icon animation in checkout details. This is very
  * much _not_ generic or intended to be reused anywhere, but the component itself is duplicated.
  */
-export declare function useCustomStatusAnimationAboveTopbar({ depositAddress, isActiveCheckout, isCheckoutDetailView, paddingTop, topbar, withTopDivider, scrollableContent, }: CustomStatusAnimationParams): CustomStatusAnimationReturn;
+export declare function useCustomStatusAnimationAboveTopbar({ depositAddress, isActiveCheckout, isCheckoutDetailView, paddingTop, topbar, withTopDivider, scrollableContent, isLighterNativeDeposit, }: CustomStatusAnimationParams): CustomStatusAnimationReturn;
 export {};

package/dist/components/TransactionStatus/TransactionStatus.d.ts

@@ -2,7 +2,7 @@ import type { TFunction } from 'i18next';
 import React, { type ReactNode } from 'react';
 import type { CheckoutProgressStep } from '~/providers/FunkitCheckoutContext';
 interface TransactionStatusProps {
-    isLayerZero: boolean;
+    isSlowTransaction: boolean;
     isWithdrawal: boolean;
     textConfigStatus?: TextConfigStatus;
     textConfigSteps?: TextConfigSteps;
@@ -32,5 +32,5 @@ export declare const getDefaultTextConfigSteps: (t: TFunction) => TextConfigStep
 export declare function TransactionStatusLoading({ expectedStatus, }: {
     expectedStatus: TransactionStatusProps['status'];
 }): React.JSX.Element;
-export declare function TransactionStatus({ isLayerZero, isWithdrawal, status, step, textConfigStatus, textConfigSteps, }: TransactionStatusProps): React.JSX.Element;
+export declare function TransactionStatus({ isSlowTransaction, isWithdrawal, status, step, textConfigStatus, textConfigSteps, }: TransactionStatusProps): React.JSX.Element;
 export {};

package/dist/consts/customers.d.ts

@@ -1,3 +1,4 @@
+import type { FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
 export declare function isPolymarketCustomer(apiKey: string): apiKey is "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6";
 export declare function isOstiumCustomer(apiKey: string): apiKey is "SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN";
 export declare function isBankrCustomer(apiKey: string): apiKey is "vWe20Dfyui2ouvfOhtSTY3Czeo8lFdbo5xXQBALZ";
@@ -13,3 +14,5 @@ export declare function isHyenaCustomer(apiKey: string): apiKey is "pLQBJsA6zS9t
 export declare function isAvantisCustomer(apiKey: string): apiKey is "6TUi99Tq3O9MWj1IFX8Pv6spmPXzcvhy9NvBoeW2";
 export declare function isPerplCustomer(apiKey: string): apiKey is "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu";
 export declare function isLighterxyzCustomer(apiKey: string): apiKey is "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2";
+export declare function isLighterEthSpot(apiKey: string, checkoutConfig: FunkitCheckoutConfig | undefined): boolean | undefined;
+export declare function isLighterNativeFlow(apiKey: string, checkoutConfig: FunkitCheckoutConfig | undefined): boolean;

package/dist/domains/asset.d.ts

@@ -19,9 +19,10 @@ interface AssetUsableToPayParms {
     assetUsdAmount: number | null;
     isAllowedForCheckout: boolean;
     minUsdRequired?: number;
+    isLighterNative: boolean;
     t: TFunction;
 }
-export declare const isAssetUsableToPayForCheckout: ({ config, payerAddress, paymentMethod, targetChainId, targetTokenAddress, assetChainId, assetTokenAddress, assetUsdAmount, isAllowedForCheckout, minUsdRequired, t, }: AssetUsableToPayParms) => {
+export declare const isAssetUsableToPayForCheckout: ({ config, payerAddress, paymentMethod, targetChainId, targetTokenAddress, assetChainId, assetTokenAddress, assetUsdAmount, isAllowedForCheckout, minUsdRequired, isLighterNative, t, }: AssetUsableToPayParms) => {
     isUsable: boolean;
     reason: string;
     minUsdRequired?: number;

package/dist/hooks/statsig/useDynamicConfig.d.ts

@@ -1,6 +1,6 @@
 import fallbackDynamicConfigs from '../../__generated__/default_configs';
 type FallbackDynamicConfigs = typeof fallbackDynamicConfigs;
 type DynamicConfigName = keyof FallbackDynamicConfigs;
-type DynamicConfigValue<Name extends DynamicConfigName> = FallbackDynamicConfigs[Name]['value'];
+export type DynamicConfigValue<Name extends DynamicConfigName> = FallbackDynamicConfigs[Name]['value'];
 export declare const useDynamicConfig: <Name extends DynamicConfigName>(name: Name) => DynamicConfigValue<Name>;
 export {};

package/dist/hooks/track/useTrack.d.ts

@@ -8,5 +8,7 @@ export interface TrackEventData {
 }
 export declare const useTrack: () => {
     logEvent: (eventNameOrTrackEventData: CheckoutModalEvent | TrackEventData) => void;
-    updateUserAsync: (userInfo: FunkitUserInfo, apiKey: string) => Promise<import("@statsig/react-bindings").StatsigUpdateDetails>;
+    updateUserAsync: (userInfo: FunkitUserInfo & {
+        l2Address?: string;
+    }, apiKey: string) => Promise<import("@statsig/react-bindings").StatsigUpdateDetails>;
 };

package/dist/hooks/useCheckoutTransferInit.d.ts

@@ -1,24 +1,27 @@
 import { type CheckoutInitTokenTransferAddressParams, type CheckoutInitTokenTransferResponse, type FunAddress } from '@funkit/api-base';
 import { type FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
+import { type UDAConfig } from './useUDAParams';
 interface UseCheckoutTransferInitResponse {
     transferInit: CheckoutInitTokenTransferResponse | undefined;
     recipientAddr: FunAddress;
 }
 type CheckoutTokenTransferParams = Omit<CheckoutInitTokenTransferAddressParams, 'logger' | 'clientMetadata'>;
 export declare function checkoutTransferFetch(params: CheckoutTokenTransferParams): Promise<CheckoutInitTokenTransferResponse>;
-export declare function getCheckoutTokenTransferParams({ checkoutConfig, userId, recipientAddr, apiKey, }: {
+export declare function getCheckoutTokenTransferParams({ checkoutConfig, userId, recipientAddr, apiKey, udaParams, }: {
     checkoutConfig: FunkitCheckoutConfig | undefined;
     userId: string;
     recipientAddr: FunAddress;
     apiKey: string;
+    udaParams?: UDAConfig | undefined;
 }): {
     toChainId: string;
     toTokenAddress: `0x${string}`;
+    actionType: string | undefined;
     userId: string;
     apiKey: string;
     recipientAddr: FunAddress;
-    actionType: string | undefined;
 } | undefined;
+export declare function useIsQRCodeTransferEnabled(): boolean;
 /**
  * creates QR code transfer EOA
  */

package/dist/hooks/useDynamicRoutes.d.ts

@@ -0,0 +1,4 @@
+import type { IndexedDynamicRoutingConfig } from '@funkit/fun-relay';
+export declare const useDynamicRoutes: (_dynamicRoutingId?: string) => {
+    findPath: IndexedDynamicRoutingConfig[string]["findPath"];
+};

package/dist/hooks/useUDAParams.d.ts

@@ -0,0 +1,9 @@
+import type { Address } from 'viem';
+export interface UDAConfig {
+    targetChain: string;
+    targetAsset: Address;
+    targetAssetTicker: string;
+    iconSrc: string;
+    qrcodeActionType?: string;
+}
+export declare const useUDAParams: (_dynamicRoutingId?: string) => UDAConfig | undefined;