@funkit/connect 6.14.14 → 6.14.17

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @funkit/connect
 
+## 6.14.17
+
+### Patch Changes
+
+- 56d05e9: feat(connect): enable brokerage flow for Relay AA
+- b6dd1aa: change minimum order text to minimum deposit
+
+## 6.14.16
+
+### Patch Changes
+
+- d4d2f7f: feat(connect): treat eUSDe as native for Ethereal
+- 46870ce: feat(connect): remove mesh fees and set brokerage fee to 0
+- e72e65d: feat: switch target asset back to default if user selects non candidate and dropdown is not shown
+- 789ae74: remove funwallet call for web3 users
+- ce9566b: do not fetch qrcode at loading
+- Updated dependencies [e69f7f6]
+- Updated dependencies [20f79ef]
+  - @funkit/fun-relay@2.1.5
+
+## 6.14.15
+
+### Patch Changes
+
+- 37ec560: feat(connect): added tracking of transaction breakdown view
+- 35e0367: chore(connect): overhauled two factor authentication screen
+- Updated dependencies [6b531a6]
+- Updated dependencies [1b37b9c]
+  - @funkit/fun-relay@2.1.4
+
 ## 6.14.14
 
 ### Patch Changes

package/dist/__generated__/default_configs.d.ts

@@ -0,0 +1,24 @@
+declare const _default: {
+    readonly addressblacklist: {
+        readonly value: readonly ["0x7b97b46D35a28B561d47F50CFB9a2735E506e59d", "0x409ad08cc6CA757f69Fb80250a424B9eFeB99807"];
+    };
+    readonly array_of_strings: {
+        readonly value: readonly [];
+    };
+    readonly blockedcountries: {
+        readonly value: readonly ["AF", "BY", "MM", "CF", "CU", "CD", "IR", "LB", "LY", "NI", "KP", "UA", "SO", "SS", "SY", "VE"];
+    };
+    readonly boolean: {
+        readonly value: false;
+    };
+    readonly showpoweredtagline: {
+        readonly value: false;
+    };
+    readonly supportedexchangesv2: {
+        readonly value: readonly [];
+    };
+    readonly 'test-supported-tokens': {
+        readonly supportedTokens: readonly ["USDC", "USDT"];
+    };
+};
+export default _default;

package/dist/__generated__/default_feature_gates.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    readonly 'test-testing-gate': false;
+};
+export default _default;

package/dist/components/Dialog/hooks.d.ts

@@ -3,7 +3,6 @@ export declare const MODAL_BOTTOM_BAR_IDS: {
     readonly checkout: "checkout-modal-bottom-bar";
     readonly withdrawal: "withdrawal-modal-bottom-bar";
 };
-export declare const MODAL_DIVIDER_ID = "fun-modal-divider";
 type ModalBottomBarIdType = keyof typeof MODAL_BOTTOM_BAR_IDS;
 export declare function useBottomSectionRef(modalBottomBarIdType?: ModalBottomBarIdType): HTMLElement | null;
 export declare const CHECKOUT_MODAL_TITLE_COUNTDOWN_ID = "checkout-modal-title-countdown";

package/dist/components/FunTransactionSummary/PaymentFeesSummary.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
+import React, { type ReactNode } from 'react';
 import type { CheckoutFees } from '~/domains/fees';
 import type { FunkitCheckoutQuoteResult } from '~/domains/quote';
+import { type FunTooltipProps } from '../FunTooltip/FunTooltip';
 export declare const NO_DATA_VALUE = "-";
 interface PaymentFeesSummaryProps {
     isLoading: boolean;
@@ -9,6 +10,16 @@ interface PaymentFeesSummaryProps {
     fallbackFees?: CheckoutFees;
     /** If set, displays a `-` instead of the values, the breakdown is not expandable */
     valuesNotAvailable?: boolean;
+    isWithdrawal: boolean;
+}
+export declare function PaymentFeesSummary({ isLoading, quote, fallbackFees, isWithdrawal, valuesNotAvailable, }: PaymentFeesSummaryProps): React.JSX.Element;
+export interface FeeItem {
+    label: string;
+    value: string;
+    testId?: string;
+    valueIcon?: ReactNode;
+    tooltipText?: string | ReactNode;
+    tooltipPosition?: FunTooltipProps['tooltipPosition'];
+    tooltipWidth?: 'default' | 'wide';
 }
-export declare function PaymentFeesSummary({ isLoading, quote, fallbackFees, valuesNotAvailable, }: PaymentFeesSummaryProps): React.JSX.Element;
 export {};

package/dist/components/FunTransactionSummary/PaymentFeesSummary.track.d.ts

@@ -0,0 +1,4 @@
+import type { TrackEventData } from '~/hooks/track/useTrack';
+import type { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
+import type { FeeItem } from './PaymentFeesSummary';
+export declare const trackEventFromPaymentFeesSummary: (checkoutItem: FunkitActiveCheckoutItem, feeItems: FeeItem[], isWithdrawal: boolean) => TrackEventData;

package/dist/domains/feeEstimate.d.ts

@@ -1,10 +1,8 @@
 import { PaymentMethod } from './paymentMethods';
 export declare const L1_FEES_ESTIMATE = 5;
 export declare const L2_FEES_ESTIMATE = 1;
-export declare const MESH_L1_FEES_ESTIMATE = 8;
-export declare const MESH_L2_FEES_ESTIMATE = 2;
-export declare const MESH_CUSTOM_CLIENT_FEE_PERCENT = 0.055;
+export declare const BROKERAGE_FEES_ESTIMATE = 0;
 /**
  * Estimating overall fees
  */
-export declare const getFeesUsdEstimate: (targetChainId: string, assetChainId: string, assetUsdAmount: number | null, paymentMethod: PaymentMethod | undefined) => number;
+export declare const getFeesUsdEstimate: (targetChainId: string, assetChainId: string, paymentMethod: PaymentMethod | undefined) => number;

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

@@ -0,0 +1,3 @@
+export { useDynamicConfig } from './useDynamicConfig';
+export { useExperiment } from './useExperiment';
+export { useFeatureGate } from './useFeatureGate';

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

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

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

@@ -0,0 +1,33 @@
+/**
+ * Hook for accessing Statsig experiments with type-safe fallback values.
+ *
+ * Unlike feature gates and dynamic configs, experiments don't have a base configuration
+ * with overrides. Instead, they have multiple horizontal variations. Because of this,
+ * you must provide a fallback value and can optionally specify the return type.
+ *
+ * @example
+ * // Basic usage (returns string by default)
+ * const buttonColor = useExperiment('button-color-test', 'value', 'blue')
+ *
+ * @example
+ * // With explicit type parameter
+ * interface ButtonConfig {
+ *   color: string
+ *   size: 'small' | 'medium' | 'large'
+ * }
+ * const config = useExperiment<ButtonConfig>(
+ *   'button-experiment',
+ *   'config',
+ *   { color: 'blue', size: 'medium' }
+ * )
+ *
+ * @example
+ * // Getting a specific parameter
+ * const variant = useExperiment('checkout-flow-test', 'variant', 'control')
+ *
+ * @param experimentName - The name of the experiment in Statsig
+ * @param parameterName - The name of the parameter to get from the experiment
+ * @param fallback - The fallback value to use when the experiment/parameter is not available
+ * @returns The experiment parameter value with the specified type
+ */
+export declare function useExperiment<T = string>(experimentName: string, parameterName: string, fallback: T): T;

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

@@ -0,0 +1,7 @@
+import { type TypedReturn } from '@statsig/react-bindings';
+import fallbackFeatureGates from '../../__generated__/default_feature_gates';
+type FallbackFeatureGates = typeof fallbackFeatureGates;
+type FeatureGateName = keyof FallbackFeatureGates;
+type FeatureGateValue<Name extends FeatureGateName> = FallbackFeatureGates[Name];
+export declare const useFeatureGate: <Name extends FeatureGateName>(name: Name) => TypedReturn<FeatureGateValue<Name>>;
+export {};

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

@@ -24,6 +24,7 @@ export declare enum CheckoutModalEvent {
     NAVIGATE_CONNECT_EXCHANGE = "fc::navigate::connect_exchange",
     NAVIGATE_MESH_VERIFICATION = "fc::navigate::mesh_verification",
     FINAL_QUOTE = "fc::quote::final_quote",
+    VIEW_TRANSACTION_BREAKDOWN = "fc::quote::view_transaction_breakdown",
     ACCOUNT_BALANCE_SUCCESS = "fc::success::account_balance",
     TOKEN_TRANSFER_SUCCESS = "fc::success::token_transfer",
     BLUVO_WITHDRAWAL_COMPLETED = "fc::success::bluvo_withdrawal_completed"

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

@@ -2,6 +2,7 @@ export declare enum WithdrawModalEvent {
     MODAL_OPENED = "fw::modal_opened",
     MODAL_CLOSED = "fw::modal_closed",
     FINAL_QUOTE = "fw::quote::final_quote",
+    VIEW_TRANSACTION_BREAKDOWN = "fw::quote::view_transaction_breakdown",
     PENDING_CALLBACK = "fw::pending_callback",
     SUCCESS = "fw::success"
 }

package/dist/hooks/useBluvo.d.ts

@@ -11,10 +11,11 @@ type BluvoCheckoutQuoteParams = {
     symbol: FunkitActiveCheckoutItem['selectedSourceAssetInfo']['symbol'];
     amount: string;
 };
-export declare const useBluvoExchangeBalance: ({ exchange, }: {
+export declare const useBluvoExchangeBalance: ({ exchange, refetchOnMount, }: {
     exchange: BluvoExchangeType | undefined;
+    refetchOnMount?: boolean;
 }) => {
-    data: import("~/domains/wallet").AssetHoldingsMap<import("~/domains/wallet").BrokerageAssetHoldingsItem>;
+    data: import("~/domains/wallet").AssetHoldingsMap<import("~/domains/wallet").BrokerageAssetHoldingsItem> | undefined;
     totalBalance: number;
     isLoading: boolean;
     isError: boolean;

package/dist/hooks/useCheckoutTransferInit.d.ts

@@ -2,9 +2,9 @@ import { type CheckoutInitTokenTransferAddressParams, type CheckoutInitTokenTran
 interface UseCheckoutTransferInitResponse {
     transferInit: CheckoutInitTokenTransferResponse | undefined;
     recipientAddr: FunAddress;
-    manualFetch: (params: CheckoutTokenTransferParams) => Promise<CheckoutInitTokenTransferResponse>;
 }
 type CheckoutTokenTransferParams = Omit<CheckoutInitTokenTransferAddressParams, 'logger' | 'clientMetadata'>;
+export declare function checkoutTransferFetch(params: CheckoutTokenTransferParams): Promise<CheckoutInitTokenTransferResponse>;
 /**
  * creates QR code transfer EOA
  */

package/dist/index.css

@@ -9989,6 +9989,20 @@
       var(--rk-colors-offBackground) 91.45%);
 }
 
+/* vanilla-extract-css-ns:src/components/FunPayments/FunPaymentMoonpayType.css.ts.vanilla.css?source=Ll8xa21wZXlmMCB7CiAgaGVpZ2h0OiB1bnNldCAhaW1wb3J0YW50OwogIHdpZHRoOiB1bnNldCAhaW1wb3J0YW50OwogIGZsZXg6IDEgIWltcG9ydGFudDsKfQouXzFrbXBleWYwIGlmcmFtZSB7CiAgYm9yZGVyOiBub25lOwp9Ci5fMWttcGV5ZjEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleDogMTsKfQ== */
+[data-rk] ._1kmpeyf0 {
+  height: unset !important;
+  width: unset !important;
+  flex: 1 !important;
+}
+[data-rk] ._1kmpeyf0 iframe {
+  border: none;
+}
+[data-rk] ._1kmpeyf1 {
+  display: flex;
+  flex: 1;
+}
+
 /* vanilla-extract-css-ns:src/components/CopyAddress/CopyInputDisplayedAddress.css.ts.vanilla.css?source=#H4sIAAAAAAAAE81WXavbOBB9v79iKFxIwDJyUqe97ktp90e0+7LI8jgRkSUjKfcmXe5/L5LtxLLTNN2FUgKx9TEzZ2aOj/Rxj6fasAYt/JPty28onhD+fQCgj+EB4AxTttamIdqIrVAF5PQR6OOHeLXoXiVz+HVBl2C0Yw6/LGiF2yVYziQusmVnpFvGhTsVkPnx6wNAlg/h5msbOluj6dvOUy2kQ1NAKQ9msWqPy7ND+r8S2NDHSwpkPU4i3UyzoFewbM5YXh8+zmtc9zVORplfx+kTuYWURFDvQerL835e0+zu0v0M0i92//UhHcqyDnH1wUmhkHAttSngmZkFIWbfjS1h3AmtPvvBX8KyUmIVPJfaVGhIqZ3TDZFYO2JYJQ525MJPCMK1Usjdp4NzWl2xNWK7+wXjkLrwoApgUkKW08YCP5SCkxK/CTQLmq4ToAnQlG4S8JUYZf02ZE0I3yHfE8G1IhVKdiogzXL7YbbG7I7ourboCt+L2YZubfBBg4dWDwgNSubEM/rZF1G5XQHZpj364Q594pdxJWwbfGyNqIIXyTgS4bCxBXBUDk2cSVGUWGvTSQjXyqFyBbx5E0NgpdXy4AIEp9sCVl0837PzoMf2FEPrh32/hhathtkjsTtW6ZcChLLogIZflubtEfjBGFQuEGfatjORIV3lNumC9+9d6H4QBQ5zsauh6h1pph2d0IU40Qi1JfVB8Q7HhDSrPFAmECenCWQppctpxVnt0NxfcNMV8lwyz/jfV3QuRUta5oO0Wp62Wnmp9J9GkJ3h6f8S76R/btpj4v9g0NW5Mp3tftbbXn/+gObloWsjER3pdrTNFyzstc7oPQYJGBRgDvaiD6GaAffIkBnjk8xoV+xk0JB+S0+BVZpPCzkLDul6pnM/yPquMo+FKy7B5opEjmVwdUUGI/27IZDpysaxIhEbJHLt6RyJ5Hlm8l2862avnY0Lkr7LPZW753Ia9/Ipz0jRFXF8ko9M319srpJ+dhiNmkRnTZqA/nsxoe3TFOF565fFirbH5Q1bFmyvn0bn40aocP7XEo+RcXnDuEVjW+R+GLg9aQKx7iSxgNagRfOMZF1FrnlwPUVQSs333g9TomGBu4o1OFA3nk1AaYXLeHtE9cl0AtROtx8M63KjgzxdFv+j4Ixd1EJK0ugKC6i1eWGmshGtpjj7hdmVpfohBe65kd6+Vt64J9DLLYHehzvQ7zsc4XsT5QwAAA== */
 @keyframes _1kbzei9e {
   0% {
@@ -10135,20 +10149,6 @@
   opacity: var(--animation-opacity, 0);
 }
 
-/* vanilla-extract-css-ns:src/components/FunPayments/FunPaymentMoonpayType.css.ts.vanilla.css?source=Ll8xa21wZXlmMCB7CiAgaGVpZ2h0OiB1bnNldCAhaW1wb3J0YW50OwogIHdpZHRoOiB1bnNldCAhaW1wb3J0YW50OwogIGZsZXg6IDEgIWltcG9ydGFudDsKfQouXzFrbXBleWYwIGlmcmFtZSB7CiAgYm9yZGVyOiBub25lOwp9Ci5fMWttcGV5ZjEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleDogMTsKfQ== */
-[data-rk] ._1kmpeyf0 {
-  height: unset !important;
-  width: unset !important;
-  flex: 1 !important;
-}
-[data-rk] ._1kmpeyf0 iframe {
-  border: none;
-}
-[data-rk] ._1kmpeyf1 {
-  display: flex;
-  flex: 1;
-}
-
 /* vanilla-extract-css-ns:src/components/FunFeatureList/FunFeatureList.css.ts.vanilla.css?source=Ll8xMDQ1cXI3MSB7CiAgb3V0bGluZS1jb2xvcjogdmFyKC0tcmstY29sb3JzLWFjdGlvbkNvbG9yRGlzYWJsZWQpOwogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKfQ== */
 [data-rk] ._1045qr71 {
   outline-color: var(--rk-colors-actionColorDisabled);