@funkit/connect 6.14.11 → 6.14.12

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @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

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/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/track/useTrack.d.ts

@@ -22,6 +22,7 @@ export declare enum CheckoutModalEvent {
     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",

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/useCheckoutAccountBalanceTransfer.d.ts

@@ -14,7 +14,6 @@ export declare function useCheckoutAccountBalanceTransfer(): {
             bypassInit: boolean;
             apiKey?: string;
             nonce?: bigint | undefined;
-            logger?: import("@funkit/api-base").Logger | undefined;
             fee?: {
                 token?: string;
                 amount?: number;
@@ -22,6 +21,7 @@ export declare function useCheckoutAccountBalanceTransfer(): {
                 recipient: import("viem").Address;
             } | undefined;
             skipDBAction?: boolean | undefined;
+            logger?: import("@funkit/api-base").Logger | undefined;
         };
     } | {
         rFunWallet: null;

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;