@funkit/connect 3.4.5 → 3.4.9

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @funkit/connect
 
+## 3.4.9
+
+### Patch Changes
+
+- efe1df0: feat: standardize smaller bottom paddings across modals utilizing bottom bar section
+- 682d7e0: fix: minor ui bugs
+
+## 3.4.8
+
+### Patch Changes
+
+- a049958: feat: token_transfer_additional_disclaimer flag
+
+## 3.4.7
+
+### Patch Changes
+
+- fa1d0e9: feat: use token transfer as first page
+- fa1d0e9: refactor: powered copy changes
+
+## 3.4.6
+
+### Patch Changes
+
+- e5fc8cf: refactor: powered copy changes
+- 401f013: feat: remove wrongly indicated error state in brokerage balance fetching
+- e3cfedb: fix: special title cases
+
 ## 3.4.5
 
 ### Patch Changes

package/dist/components/FunBottomBar/FunBottomBar.css.d.ts

@@ -1,2 +1,2 @@
-export declare const BOTTOM_BAR_PADDING_Y: 18;
+export declare const BOTTOM_BAR_PADDING_Y: 12;
 export declare const topSectionDynamicPadding: string;

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

@@ -1,10 +1,19 @@
 import React, { ReactNode } from 'react';
-import { PaymentMethod, PaymentMethodInfo } from '../../domains/paymentMethods';
-import { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
-import { FunkitTextCustomizationsConfig, FunkitUiCustomRecipientConfig } from '../../providers/FunkitConfigContext';
-export declare function ConnectWalletItem({ isClickable, }: {
-    isClickable?: boolean;
-}): React.JSX.Element;
+import { PaymentMethod, PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
+interface ConnectedMeshPaymentMethodItemProps {
+    paymentMethodInfo: PaymentMethodBrokerageInfo;
+    isSelected: boolean;
+    onSelect: () => void;
+    targetChainId: string;
+}
+/** it is different from BrokeragePaymentMethodItem
+ * this component is for connected mesh brokerage like robinhood
+ * the other one is for connecting new brokerage button
+ * */
+export declare const ConnectedMeshPaymentMethodItem: ({ paymentMethodInfo, isSelected, onSelect, targetChainId, }: ConnectedMeshPaymentMethodItemProps) => React.JSX.Element;
+export declare const AccountBalancePaymentMethodItem: ({ isActive, isSource, customValueIcon, onClick, targetChainId, }: BasePaymentMethodItemProps & {
+    targetChainId: string;
+}) => React.JSX.Element;
 type BasePaymentMethodItemProps = {
     isActive: boolean;
     onClick: () => void;
@@ -12,24 +21,8 @@ type BasePaymentMethodItemProps = {
     isSource?: boolean;
     customValueIcon?: ReactNode;
 };
-export declare function AddPaymentMethodItem({ paymentMethod, isClickable, isActive, onClick, isSource, dynamicLimit, customValueIcon, }: BasePaymentMethodItemProps & {
+export declare function AddPaymentMethodItem({ paymentMethod, isClickable, isActive, onClick, isSource, customValueIcon, }: BasePaymentMethodItemProps & {
     paymentMethod: PaymentMethod;
     dynamicLimit?: string;
 }): React.JSX.Element | undefined;
-interface PaymentMethodSummaryProps {
-    paymentMethodInfo: PaymentMethodInfo;
-    walletAddress: string | undefined;
-    customRecipient: string | undefined;
-    isLoading: boolean;
-    estimatedTime: number;
-    customizationConfig?: FunkitUiCustomRecipientConfig;
-}
-export declare function PaymentMethodSummary({ paymentMethodInfo, walletAddress, customRecipient, estimatedTime, isLoading, customizationConfig, }: PaymentMethodSummaryProps): React.JSX.Element;
-interface PaymentAmountSummaryProps {
-    isLoading: boolean;
-    targetChainId: string;
-    checkoutItem: FunkitActiveCheckoutItem | null;
-    textCustomizations: FunkitTextCustomizationsConfig['confirmationScreen'];
-}
-export declare function PaymentAmountSummary({ isLoading, targetChainId, checkoutItem, textCustomizations, }: PaymentAmountSummaryProps): React.JSX.Element;
 export {};

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { PaymentMethodInfo } from '../../domains/paymentMethods';
+import { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
+import { FunkitTextCustomizationsConfig, FunkitUiCustomRecipientConfig } from '../../providers/FunkitConfigContext';
+interface PaymentMethodSummaryProps {
+    paymentMethodInfo: PaymentMethodInfo;
+    walletAddress: string | undefined;
+    customRecipient: string | undefined;
+    isLoading: boolean;
+    estimatedTime: number;
+    customizationConfig?: FunkitUiCustomRecipientConfig;
+}
+export declare function PaymentMethodSummary({ paymentMethodInfo, walletAddress, customRecipient, estimatedTime, isLoading, customizationConfig, }: PaymentMethodSummaryProps): React.JSX.Element;
+interface PaymentAmountSummaryProps {
+    isLoading: boolean;
+    targetChainId: string;
+    checkoutItem: FunkitActiveCheckoutItem | null;
+    textCustomizations: FunkitTextCustomizationsConfig['confirmationScreen'];
+}
+export declare function PaymentAmountSummary({ isLoading, targetChainId, checkoutItem, textCustomizations, }: PaymentAmountSummaryProps): React.JSX.Element;
+export {};

package/dist/consts/customers.d.ts

@@ -1,3 +1,5 @@
 export declare const DYDX_API_KEY = "NJq0CGrsE19xBbP1vHyBOp8xJvzYo9kayJHqDFP5";
 export declare const POLYMARKET_API_KEY = "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6";
+export declare function isDydxCustomer(apiKey: string): apiKey is "NJq0CGrsE19xBbP1vHyBOp8xJvzYo9kayJHqDFP5";
+export declare function isPolymarketCustomer(apiKey: string): apiKey is "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6";
 export declare function isImportantCustomer(apiKey: string): apiKey is "NJq0CGrsE19xBbP1vHyBOp8xJvzYo9kayJHqDFP5" | "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6";

package/dist/domains/asset.d.ts

@@ -1,2 +1,4 @@
 import { Address } from 'viem';
+import { AssetHoldingsItem } from '~/utils/assets';
 export declare function isNativeTokenAddress(address: Address): boolean;
+export declare function isDefaultToken(asset: AssetHoldingsItem, targetChainId: string, targetAsset: string): boolean;

package/dist/domains/clientMetadata.d.ts

@@ -19,7 +19,6 @@ export type ServerCheckoutConfig = Omit<FunkitCheckoutConfig, 'generateActionsPa
 export interface HistoricalCheckoutItem {
     id: FunkitActiveCheckoutItem['id'];
     startTimestampMs: FunkitActiveCheckoutItem['startTimestampMs'];
-    draftDollarValue: FunkitActiveCheckoutItem['draftDollarValue'];
     finalDollarValue: FunkitActiveCheckoutItem['finalDollarValue'];
     latestQuote: FunkitActiveCheckoutItem['latestQuote'];
     depositAddress: FunkitActiveCheckoutItem['depositAddress'];

package/dist/domains/wallet.d.ts

@@ -0,0 +1,18 @@
+export interface AssetHoldingsItem {
+    iconSrc: string | undefined;
+    symbol: string;
+    amount: number;
+    tokenAddress: `0x${string}`;
+    usdAmount: null | number;
+    pickedChainId: string;
+    chainSymbolKey: string;
+}
+export interface KnownAssetHoldingsItem extends AssetHoldingsItem {
+    usdAmount: number;
+}
+export interface AssetHoldingsMap {
+    [symbol: string]: AssetHoldingsItem;
+}
+/**
+ * @returns formatted max usable USD balance from a given assets map */
+export declare function getTotalAssetBalance(assets: AssetHoldingsMap): number;

package/dist/hooks/useMesh.d.ts

@@ -20,5 +20,4 @@ export declare const useMeshActiveNetworkInfo: (chainId: string | undefined, exc
     meshSupportedTokens: string[];
     meshNetworkId: string | undefined;
 } | null;
-export declare function useMeshIntegrations(): import("@funkit/api-base").TransferIntegration[] | undefined;
-export declare function useMeshAccountHoldings(targetChain: string, connection: LinkPayload | null): import("@tanstack/react-query").UseQueryResult<import("../utils/assets").AssetHoldingsMap, Error>;
+export declare function useMeshAccountHoldings(targetChain: string, connection: LinkPayload | null): import("@tanstack/react-query").UseQueryResult<import("../domains/wallet").AssetHoldingsMap, Error>;

package/dist/index.css

@@ -6166,14 +6166,6 @@
   }
 }
 
-/* vanilla-extract-css-ns:src/components/FunBottomBar/FunBottomBar.css.ts.vanilla.css?source=Lm41cXdpMCB7CiAgcGFkZGluZy10b3A6IDE4cHg7CiAgJjpub3QoOmVtcHR5KSA+IDpmaXJzdC1jaGlsZCB7CiAgICBtYXJnaW4tdG9wOiAtNnB4OwogIH0KfQ== */
-[data-rk] .n5qwi0 {
-  padding-top: 18px;
-  [data-rk] &:not(:empty) > :first-child {
-    margin-top: -6px;
-  }
-}
-
 /* vanilla-extract-css-ns:src/components/Dialog/DialogContent.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7VUy47jIBC8z1cg7SU5EDnOU+Symm+Y+wpDJyBjsKAd2zvKv4+wPVachzbSaE+IpruqGqpZ/FmWf3Gdrpbk842QgjdUgT4pZGSTbsrmMARrLVExskyScx1jw369SWLO5W0x4jDFw+yXbGVDS94WYJGGWqNQ4Od3HNvd5nE9uhwsRc9tOIKnJT/BffU+va1O+xxtvwWveoGj4NWd4HVXMhwLbsSsa5JQskrKZn645UzCWU0Ath2AO4M/GlfThhGlpQR7uI62jPAKXYwF4Z0xGff0VCGCZyQgzwxMzwZBlQ2AUzrGaA1ZrjFej8g79oyL/ORdZSUVzjjPyJn7GaU+7/eBFk5y8z6mzZ9hjgo6XKlDaXg76hgvatvf6n/gpaiqIuu7cl6Cp55LXYUr6BjQPfL8NRUIHjX37Qc0OJWw+4eEnzX4HJ2p6I0XOQIIZ+VD/fvpOx0NdA8TVyq1B4HaWUaEM1XRWfLbyNHlnZF/FyA1j9YDsIRbSWZXA7Tb7sumH73F9K+4/QQIuVwnpUPSo2G8HcdYevkCvpa0nosEAAA= */
 [data-rk] ._1pzt4231 {
   max-height: 525px;
@@ -6307,7 +6299,7 @@
   --_7rkubb1: 0.9;
 }
 
-/* vanilla-extract-css-ns:src/components/Dialog/Dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAE9WUzY6bMBSF9zzF3VRKpRgZEpKJs5nn6KZy4BpuxzbIdpqfKu9eQWgC7TDNzKbqCv8cn/NdX4vnFzwpJw16+Jq4J5WtOfyIAPin7gMQnLRe1c4I8LnUOOPxJvu8jQAuEUDCp4VJr7pEz3+EJH8JSR5KGKC8FpKOQ+pG5hROAvgr3rfNZNpvMeGXvOXHp/3yKb44/SBh8SHCX3GXKO59sk4jLRkZqLbifqNpxo2HfL+jnO3wTOhmPF7Mgc+Bx3w1h2vndnUItRHAUs6bY7uiUYXhvJFFQbYUcFtxVFYjSaib0fTe/m6oZcAvM97lnRnZAo8C0mS5Xj4tVsvVdlDPeqKeBSTp/1jPZqIe/kh/5u/uppFHdqAiVKJ9QN8PQ5TdBEryyNXO392It1BwjMKKveuZFpwbvx1tBjJkS6b2Nr9qNFmUbixSpDUzdYECVO0O0hW/uVhp8FZyPoRR/ximGMKUHYyqbWCeziggTftXTBZZhdeXmm7axfupqjtVkG+0PAlQGrszUlNpGQU0XkCONmAH+m3vA6kTy2sb0AYBvpE5sh2GA6JtFX3f1F7rdtr6MV85si/9b9KQvcFkqw7mJx/0QpKgBgAA */
+/* vanilla-extract-css-ns:src/components/Dialog/Dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAE9WU3Y6bMBCF7/MUc1MplWJkSEg2zs0+R28qB8YwXdsg22l+qrx7xU8TaJdtdm+qXoHtwznfeEY8v+BZOWnQw9fYPal0w+HHDIB/ah8AwUnrVeWMAJ9JjXMebdPPuxnAdQYQ82lh3Kuus+c/QuK/hMQPJQxQXgtJxiFVLTMKZwH8Fe/bYTztt5zwi9/y49N+2RRflHyQMP8Q4a+46yzqfdJWIy0ZGaiy4n6jScqNh+ywp4zt8ULo5jxaLoAvgEd8vYCuc/sqhMoIYAnn9anZ0ajCcF3LPCdbCLjtOCrKkSRU9Wh5b3/7qmXAL3Pe5l0Y2RxPApJ4tVk9Lder9W5Qz2ainiXEyf9Yz3aiHv5Ifxbv7qaRJ3akPJSiGaDvxyHKfgIlfuRqF+9uxFsoOEZh+cH1TEvOjd+NDgMZsgVTB5t1Gk0WpRuLFGnNTJWjAFW5o3T5by5WGryVnA1h1D+GyYcwRQujKhuYpwsKSJJ+iskiK7Gb1GQ7GmXWjfi62bxbla1VTr7W8ixAaWy/kZoKyyig8QIytAFb+m8HH0idWVbZgDYI8LXMkO0xHBFto+ibqQ5aN8vGj/nSkX3p/52G7I0w7WB+Arp8ln61BgAA */
 @keyframes _1r8f570 {
   0% {
     transform: scale(0.95);
@@ -6399,6 +6391,7 @@
 [data-rk] ._1r8f57g {
   font-size: 22px;
   line-height: 29px;
+  padding-left: 6px;
 }
 [data-rk] ._1r8f57h {
   display: flex;
@@ -6452,6 +6445,14 @@
   animation: _1tyx5nu7 1s;
 }
 
+/* vanilla-extract-css-ns:src/components/FunBottomBar/FunBottomBar.css.ts.vanilla.css?source=Lm41cXdpMCB7CiAgcGFkZGluZy10b3A6IDEycHg7CiAgJjpub3QoOmVtcHR5KSA+IDpmaXJzdC1jaGlsZCB7CiAgICBtYXJnaW4tdG9wOiAtNnB4OwogIH0KfQ== */
+[data-rk] .n5qwi0 {
+  padding-top: 12px;
+  [data-rk] &:not(:empty) > :first-child {
+    margin-top: -6px;
+  }
+}
+
 /* vanilla-extract-css-ns:src/components/FunDivider/FunDivider.css.ts.vanilla.css?source=Ll8zZGtkc2MwIHsKICBib3JkZXItd2lkdGg6IDA7CiAgYm9yZGVyLXRvcC13aWR0aDogMXB4OwogIGJvcmRlci1zdHlsZTogc29saWQ7CiAgZmxleDogMTsKfQ== */
 [data-rk] ._3dkdsc0 {
   border-width: 0;