@funkit/connect 6.14.10 → 6.14.12

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @funkit/connect
 
+## 6.14.12
+
+### Patch Changes
+
+- 3b3fba8: feat: add isMobile flag to statsig log
+- 985dd4c: show send amount in confirmation page
+- 0fdee65: chore: move apiKey to statsig customID for better analytics
+- 5a379cb: add missing function in server config
+- a13f742: feat(connect,fun-relay): handle known Relay errors
+- 2e4c75d: change label from deposit to receive
+- Updated dependencies [a26c8c5]
+- Updated dependencies [a13f742]
+- Updated dependencies [a13f742]
+  - @funkit/api-base@1.12.10
+  - @funkit/core@2.3.55
+  - @funkit/fun-relay@2.1.2
+  - @funkit/wagmi-tools@3.0.78
+
+## 6.14.11
+
+### Patch Changes
+
+- 953fb4c: feat: add eusde icon
+- b96de20: feat(connect): merge multi-step direct execution notification data
+- 175deb9: feat(connect): add Meld redirect state screen
+- 071fbbf: refactor: remove initNewCheckout from beginWithdrawal
+- d01122c: feat: add wusde icon
+- 071fbbf: refactor(connect): added WithdrawModalEvent for tracking opening of withdrawal modal
+- 569094d: fix: apply getMinDepositUSD to transfer checkout
+- 0914811: audit and performance improvements
+- Updated dependencies [96408f4]
+  - @funkit/api-base@1.12.9
+  - @funkit/core@2.3.54
+  - @funkit/wagmi-tools@3.0.77
+
 ## 6.14.10
 
 ### Patch Changes

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

@@ -1,5 +1,6 @@
 import type { DirectExecution } from '@funkit/api-base';
 import React from 'react';
+import type { MergedMultiStepDirectExecution } from '~/hooks/queries/useRecentDirectExecutions';
 export declare function FunDirectExecutionHistoryDetail({ bottomBarId, directExecution, isActiveCheckout, onClose, onAnimationComplete, }: {
     bottomBarId: string;
     directExecution: DirectExecution;
@@ -10,5 +11,5 @@ export declare function FunDirectExecutionHistoryDetail({ bottomBarId, directExe
     onAnimationComplete?: (callback: () => void) => void;
 }): React.JSX.Element;
 export declare function DirectExecutionOrderDetailSection({ directExecution, }: {
-    directExecution: DirectExecution;
+    directExecution: MergedMultiStepDirectExecution;
 }): React.JSX.Element;

package/dist/components/FunPayments/FunPaymentMethods.d.ts

@@ -27,7 +27,7 @@ type BasePaymentMethodItemProps = {
 export declare function AddPaymentMethodItem({ paymentMethod, isClickable, isActive, onClick, customValueIcon, testId, }: BasePaymentMethodItemProps & {
     paymentMethod: PaymentMethod;
     dynamicLimit?: string;
-}): React.JSX.Element | null | undefined;
+}): React.JSX.Element | undefined;
 export declare function PayPalPaymentMethodItem({ isActive, isClickable, onClick, isLoading, }: BasePaymentMethodItemProps & {
     isLoading: boolean;
 }): React.JSX.Element;

package/dist/components/FunSelectBrokerage/FunBrokerageItem.css.d.ts

@@ -0,0 +1 @@
+export declare const brokerageItemStyle: string;

package/dist/components/FunSelectBrokerage/FunBrokerageItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface FunBrokerageItemProps {
+    exchangeName: string;
+    exchangeIcon: React.ReactNode;
+    fullInfo: boolean;
+    hasActiveConnection: boolean;
+}
+export declare const FunBrokerageItem: ({ exchangeName, exchangeIcon, fullInfo, hasActiveConnection, }: FunBrokerageItemProps) => React.JSX.Element;

package/dist/components/FunSelectBrokerage/FunSelectBrokerage.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { BluvoExchangeType } from '~/consts/bluvo';
+interface FunSelectBrokerageProps {
+    isDisabled?: boolean;
+    onSelect: (value: BluvoExchangeType) => void;
+    selectedValue: BluvoExchangeType | undefined;
+}
+export declare function FunSelectBrokerage({ isDisabled, onSelect, selectedValue, }: FunSelectBrokerageProps): React.JSX.Element;
+export {};

package/dist/components/YouPayYouReceive/YouPayYouReceive.d.ts

@@ -2,16 +2,19 @@ import React from 'react';
 interface YouPayYouReceiveProps {
     payLabel?: string;
     receiveLabel?: string;
+    fiatCurrencyLabel?: string;
     payTokenSymbol: string;
     receiveTokenSymbol: string;
+    fiatCurrencySymbol?: string;
     payTokenIconSrc: string;
     receiveTokenIconSrc: string;
     payTokenChainId?: string;
     receiveTokenChainId?: string;
     showYouPaySection?: boolean;
+    showFiatCurrencySection?: boolean;
     prioritizeDefaults?: boolean;
 }
-export declare const YouPayYouReceive: ({ payLabel, receiveLabel, payTokenSymbol, receiveTokenSymbol, payTokenIconSrc, receiveTokenIconSrc, payTokenChainId, receiveTokenChainId, showYouPaySection, prioritizeDefaults, }: YouPayYouReceiveProps) => React.JSX.Element;
+export declare const YouPayYouReceive: ({ payLabel, receiveLabel, fiatCurrencyLabel, payTokenSymbol, receiveTokenSymbol, fiatCurrencySymbol, payTokenIconSrc, receiveTokenIconSrc, payTokenChainId, receiveTokenChainId, showYouPaySection, showFiatCurrencySection, prioritizeDefaults, }: YouPayYouReceiveProps) => React.JSX.Element;
 export declare const YouPayYouReceiveBottomBarLayoutWrapper: ({ children, }: {
     children: React.ReactNode;
 }) => React.JSX.Element;

package/dist/consts/bluvo.d.ts

@@ -0,0 +1,15 @@
+import type { UseBluvoFlowHook } from '@bluvo/react';
+export type BluvoQuote = UseBluvoFlowHook['quote'];
+export declare enum BluvoExchangeType {
+    Coinbase = "coinbase",
+    Gemini = "gemini",
+    Kraken = "kraken"
+}
+type BluvoExchangeInfo = {
+    icon: (size: number) => JSX.Element | null;
+    name: string;
+};
+export declare const BLUVO_EXCHANGES: Readonly<Record<BluvoExchangeType, BluvoExchangeInfo>>;
+export declare function getExchangeIcon(brokerType: BluvoExchangeType, size: number): JSX.Element | null;
+export declare function getExchangeName(brokerType: BluvoExchangeType): string;
+export {};

package/dist/domains/paymentMethods.d.ts

@@ -1,11 +1,13 @@
 import type { BridgeCustomer, BridgeVirtualBankAccount } from '@funkit/api-base';
+import { type BluvoExchangeType } from '~/consts/bluvo';
+import type { BrokerageAssetHoldingsItem } from './wallet';
 /** Supported payment methods in FunkitConnect. **/
 export declare enum PaymentMethod {
     /** Meld - Credit / Debit Card **/
     CARD = "card",
     /** Account Balance **/
     ACCOUNT_BALANCE = "balance",
-    /** Mesh - Exchange / Brokerage **/
+    /** Bluvo - Exchange / Brokerage **/
     BROKERAGE = "brokerage",
     TOKEN_TRANSFER = "token_transfer",
     VIRTUAL_BANK = "virtual_bank"
@@ -21,6 +23,9 @@ export interface PaymentMethodCardInfo extends PaymentMethodInfoBase {
 }
 export interface PaymentMethodBrokerageInfo extends PaymentMethodInfoBase {
     paymentMethod: PaymentMethod.BROKERAGE;
+    deviceId: string;
+    exchange: BluvoExchangeType;
+    asset?: Partial<BrokerageAssetHoldingsItem>;
 }
 export interface PaymentMethodAccountInfo extends PaymentMethodInfoBase {
     paymentMethod: PaymentMethod.ACCOUNT_BALANCE;
@@ -50,6 +55,9 @@ interface AccountPaymentMethodParams {
 }
 interface BrokeragePaymentMethodParams {
     paymentMethod: PaymentMethod.BROKERAGE;
+    deviceId: string;
+    exchange: BluvoExchangeType;
+    asset?: Partial<BrokerageAssetHoldingsItem>;
 }
 interface TokenTransferPaymentMethodParams {
     paymentMethod: PaymentMethod.TOKEN_TRANSFER;

package/dist/domains/wallet.d.ts

@@ -11,8 +11,12 @@ export interface AssetHoldingsItem {
 export interface KnownAssetHoldingsItem extends AssetHoldingsItem {
     usdAmount: number;
 }
-export interface AssetHoldingsMap {
-    [symbol: string]: AssetHoldingsItem;
+export interface BrokerageAssetHoldingsItem extends AssetHoldingsItem {
+    maxAmount: string;
+    minAmount: string;
+}
+export interface AssetHoldingsMap<T extends AssetHoldingsItem = AssetHoldingsItem> {
+    [symbol: string]: T;
 }
 /**
  * @returns formatted max usable USD balance from a given assets map

package/dist/hooks/queries/useRecentDirectExecutions.d.ts

@@ -3,10 +3,18 @@ interface RecentDirectExecutionsQuery {
     isVisible: boolean;
     filterFunc?: (de: DirectExecution) => boolean;
 }
+export interface MergedMultiStepDirectExecution extends DirectExecution {
+    /**
+     * In a multi-step DE chain, represents the latest **present** DE of the chain.
+     *
+     * Always `undefined` for single-step DEs.
+     */
+    latestStep?: DirectExecution;
+}
 export declare function isTokenTransferDirectExecution(de: DirectExecution): boolean;
 export declare function isWithdrawalDirectExecution(de: DirectExecution): boolean;
 /**
  * @returns recent direct executions tied to a recipient address used in the token transfer flow
  */
-export declare const useRecentDirectExecutions: ({ isVisible, filterFunc, }: RecentDirectExecutionsQuery) => import("@tanstack/react-query").UseQueryResult<DirectExecution[], Error>;
+export declare const useRecentDirectExecutions: ({ isVisible, filterFunc, }: RecentDirectExecutionsQuery) => import("@tanstack/react-query").UseQueryResult<MergedMultiStepDirectExecution[], Error>;
 export {};

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

@@ -0,0 +1,4 @@
+export declare enum WithdrawModalEvent {
+    MODAL_OPENED = "fw::modal_opened",
+    MODAL_CLOSED = "fw::modal_closed"
+}

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

@@ -1,4 +1,5 @@
 import type { FunkitUserInfo } from '~/consts/funkit';
+import type { WithdrawModalEvent } from './WithdrawModalEvent';
 export declare enum CheckoutModalEvent {
     MODAL_OPENED = "fc::modal_opened",
     MODAL_CLOSED = "fc::modal_closed",
@@ -14,19 +15,21 @@ export declare enum CheckoutModalEvent {
     NAVIGATE_BRIDGE_CUSTOMER = "fc::navigate::bridge_customer",
     NAVIGATE_MOONPAY_SETUP = "fc::navigate::moonpay_setup",
     NAVIGATE_MELD_QUOTES = "fc::navigate::meld_quotes",
+    NAVIGATE_MELD_REDIRECT = "fc::navigate::meld_redirect",
     NAVIGATE_MELD_CURRENCY_SELECT = "fc::navigate::meld_currency_select",
     NAVIGATE_DIRECT_EXECUTION_NOTIF_CENTER = "fc::navigate::direct_execution_notif_center",
     NAVIGATE_KYC_IFRAME = "fc::navigate::kyc_iframe",
     NAVIGATE_CREATE_FIAT_ACCOUNT = "fc::navigate::create_fiat_account",
     NAVIGATE_LOADING_ACCOUNT = "fc::navigate::loading_account",
     NAVIGATE_CHECKOUT_HELP = "fc::navigate::checkout_help",
+    NAVIGATE_SELECT_BROKERAGE = "fc::navigate::select_brokerage",
     FINAL_QUOTE = "fc::quote::final_quote",
     ACCOUNT_BALANCE_SUCCESS = "fc::success::account_balance",
     TOKEN_TRANSFER_SUCCESS = "fc::success::token_transfer",
     WITHDRAWAL_SUCCESS = "fc::success::withdrawal"
 }
 export interface TrackEventData {
-    eventName: CheckoutModalEvent;
+    eventName: CheckoutModalEvent | WithdrawModalEvent;
     value?: string | number;
     metadata?: object;
 }

package/dist/hooks/useBluvo.d.ts

@@ -0,0 +1,24 @@
+import type { WithdrawalQuotation } from '@bluvo/sdk-ts';
+import { BluvoExchangeType } from '~/consts/bluvo';
+import type { FunBrokerageItemProps } from '../components/FunSelectBrokerage/FunBrokerageItem';
+type SupportedExchangeOption = FunBrokerageItemProps & {
+    exchange: BluvoExchangeType;
+};
+export declare const useBluvoExchangeBalance: ({ exchange, }: {
+    exchange: BluvoExchangeType | undefined;
+}) => {
+    data: import("../domains/wallet").AssetHoldingsMap<import("../domains/wallet").BrokerageAssetHoldingsItem>;
+    totalBalance: number;
+    isLoading: boolean;
+    isError: boolean;
+};
+export declare const useBluvoCheckoutQuote: () => {
+    getBluvoCheckoutQuote: (amount: string) => Promise<WithdrawalQuotation | undefined>;
+};
+export declare const useBluvoSupportedExchanges: ({ fullInfo, iconSize, }: {
+    fullInfo?: boolean;
+    iconSize?: number;
+}) => {
+    exchangeOptions: ReadonlyArray<SupportedExchangeOption>;
+};
+export {};

package/dist/hooks/useCheckoutDirectExecutionHistory.d.ts

@@ -1,4 +1,5 @@
 import { CheckoutRefundState, CheckoutState, type DirectExecution, RelayExecutionStatus } from '@funkit/api-base';
+import type { MergedMultiStepDirectExecution } from './queries/useRecentDirectExecutions';
 export declare function mapRelayExecutionStatusToCheckoutState(status: RelayExecutionStatus): CheckoutState;
 export declare function mapRelayExecutionStatusToRefundState(status: RelayExecutionStatus): CheckoutRefundState | undefined;
 export declare function useCheckoutDirectExecutionHistory({ initDirectExecution, }: {
@@ -12,3 +13,12 @@ export declare function useCheckoutDirectExecutionHistory({ initDirectExecution,
     isDelayed: boolean;
     isProcessing: boolean;
 };
+export declare function useMultiStepDirectExecutionStatus(multiStepDirectExecution: MergedMultiStepDirectExecution): {
+    isCompleted: boolean;
+    isDelayed: boolean;
+    isFailed: boolean;
+    isFinalStep: boolean;
+    isProcessing: boolean;
+    isRefunded: boolean;
+    latestDirectExecution: DirectExecution;
+};

package/dist/hooks/usePaymentSources.d.ts

@@ -6,6 +6,7 @@ export declare function usePaymentMethodEnablement({ checkoutConfig, }: {
     isFiatEnabled: boolean;
     isTokenTransferEnabled: boolean;
     isCardEnabled: boolean;
+    isBrokerageEnabled: boolean;
 };
 export declare const usePaymentSources: (paymentMethodInfo: ConnectablePaymentMethodInfo | null, targetChainId: string, checkoutConfig?: FunkitCheckoutConfig) => {
     preferred: PaymentMethod[] | (import("~/domains/paymentMethods").PaymentMethodBrokerageInfo | import("~/domains/paymentMethods").PaymentMethodAccountInfo | import("~/domains/paymentMethods").PaymentMethodVirtualBankInfo)[];

package/dist/index.css

@@ -9908,6 +9908,24 @@
   animation-name: stgjxld;
 }
 
+/* vanilla-extract-css-ns:src/css/scrollStyles.css.ts.vanilla.css?source=Ll8xNjNlaG1rMDo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0KLl8xNjNlaG1rMSB7CiAgbWF4LWhlaWdodDogMzYwcHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47Cn0= */
+[data-rk] ._163ehmk0::-webkit-scrollbar {
+  display: none;
+}
+[data-rk] ._163ehmk1 {
+  max-height: 360px;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+/* vanilla-extract-css-ns:src/components/FunSelectBrokerage/FunBrokerageItem.css.ts.vanilla.css?source=LmFuMzR5OTAgewogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleDogMTsKfQ== */
+[data-rk] .an34y90 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex: 1;
+}
+
 /* vanilla-extract-css-ns:src/components/FunCheckoutHistory/FunCheckoutHistoryTransaction.css.ts.vanilla.css?source=Lm14dmF0aTAgewogIGN1cnNvcjogcG9pbnRlcjsKfQoubXh2YXRpMDpmb2N1cy12aXNpYmxlIHsKICBvdXRsaW5lOiAxcHggc29saWQ7CiAgb3V0bGluZS1jb2xvcjogdmFyKC0tcmstY29sb3JzLXRlcnRpYXJ5VGV4dCk7Cn0= */
 [data-rk] .mxvati0 {
   cursor: pointer;
@@ -9971,16 +9989,6 @@
       var(--rk-colors-offBackground) 91.45%);
 }
 
-/* vanilla-extract-css-ns:src/css/scrollStyles.css.ts.vanilla.css?source=Ll8xNjNlaG1rMDo6LXdlYmtpdC1zY3JvbGxiYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0KLl8xNjNlaG1rMSB7CiAgbWF4LWhlaWdodDogMzYwcHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47Cn0= */
-[data-rk] ._163ehmk0::-webkit-scrollbar {
-  display: none;
-}
-[data-rk] ._163ehmk1 {
-  max-height: 360px;
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
 /* vanilla-extract-css-ns:src/components/FunPayments/FunPaymentMoonpayType.css.ts.vanilla.css?source=Ll8xa21wZXlmMCB7CiAgaGVpZ2h0OiB1bnNldCAhaW1wb3J0YW50OwogIHdpZHRoOiB1bnNldCAhaW1wb3J0YW50OwogIGZsZXg6IDEgIWltcG9ydGFudDsKfQouXzFrbXBleWYwIGlmcmFtZSB7CiAgYm9yZGVyOiBub25lOwp9Ci5fMWttcGV5ZjEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleDogMTsKfQ== */
 [data-rk] ._1kmpeyf0 {
   height: unset !important;