@funkit/connect 9.13.0 → 9.14.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @funkit/connect
 
+## 9.14.0
+
+### Minor Changes
+
+- c32bc92: feat(connect): Aave source-select renders Native + Use other assets sections; Native row fast-paths to InputAmount when wallet holds the target asset.
+- ccd1855: Register Bitcoin on Cash App as a payment source on the crypto tab of the checkout modal.
+
+### Patch Changes
+
+- bc5ce6f: test(connect): add checkout transfer init coverage
+- b69e713: Fix CopyAddress button border-radius to account for parent 1px border.
+- c097446: Fix withdrawal modal conflating source-token amount with USD value. No-op for
+  1:1 stablecoin sources; corrects target-amount, receive-fiat, and min-amount
+  math for non-stable sources.
+- beb12ee: test(connect): add unit test coverage
+- Updated dependencies [d67a842]
+- Updated dependencies [e9e960a]
+  - @funkit/api-base@4.2.3
+  - @funkit/chains@1.2.0
+
 ## 9.13.0
 
 ### Minor Changes

package/dist/__generated__/default_configs.d.ts

@@ -276,6 +276,9 @@ declare const _default: {
     readonly enablebitcoin: {
         readonly value: true;
     };
+    readonly enablebitcoinlightning: {
+        readonly value: false;
+    };
     readonly enablebluvobrokerage: {
         readonly value: true;
     };

package/dist/clients/lighter.js

@@ -48,6 +48,7 @@ import { useQuery } from "@tanstack/react-query";
 
 // src/consts/customers.ts
 import {
+  AAVE_API_KEY,
   AVANTIS_API_KEY,
   BASED_API_KEY,
   BSX_API_KEY,
@@ -82,6 +83,7 @@ var DEFAULT_TEXT_CUSTOMIZATIONS = {
   sourceMethodTitle: "Your source",
   tokensListTitle: "Your tokens",
   transferTokens: "Transfer Crypto",
+  bitcoinLightning: "Bitcoin on Cash App",
   receiveDropdownTitle: "",
   // Default to empty
   receiveDropdownLabel: "Asset to Receive",
@@ -165,6 +167,7 @@ function useFunkitConfig() {
       sourceMethodTitle: t("textCustomizations.sourceMethodTitle"),
       tokensListTitle: t("textCustomizations.tokensListTitle"),
       transferTokens: t("textCustomizations.transferTokens"),
+      bitcoinLightning: t("textCustomizations.bitcoinLightning"),
       receiveDropdownTitle: t("textCustomizations.receiveDropdownTitle"),
       receiveDropdownLabel: t("textCustomizations.receiveDropdownLabel"),
       confirmationScreen: {

package/dist/clients/polymarket.js

@@ -286,6 +286,12 @@ function createPaymentMethodInfo(params) {
         title: "QR Code Transfer",
         description: ""
       };
+    case "bitcoin_lightning" /* BITCOIN_LIGHTNING */:
+      return {
+        paymentMethod: "bitcoin_lightning" /* BITCOIN_LIGHTNING */,
+        title: "Bitcoin on Cash App",
+        description: ""
+      };
     case "virtual_bank" /* VIRTUAL_BANK */:
       return {
         paymentMethod: "virtual_bank" /* VIRTUAL_BANK */,

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

@@ -2,6 +2,7 @@ import { type SwappedFormOfPayment } from '@funkit/api-base';
 import React, { type ReactNode } from 'react';
 import { type FunkitPaymentMethodIconsConfig } from '../../providers/FunkitConfigContext';
 import { PaymentMethod, type PaymentMethodBrokerageInfo, type PaymentMethodVirtualBankInfo } from '../../domains/paymentMethods';
+import type { AssetHoldingsItem } from '../../domains/wallet';
 /**
  * Get a custom icon passed in from UI customization config
  * These icons are passed in from client to support enhanced branding+design
@@ -38,6 +39,7 @@ interface ConnectedPaymentMethodItemProps {
     disabled?: boolean;
 }
 export declare const AccountBalancePaymentMethodItem: ({ isSelected, showSelectedCheckmark, onSelect, targetChainId, testId, disabled, }: ConnectedPaymentMethodItemProps) => React.JSX.Element;
+export declare const BitcoinLightningPaymentMethodItem: ({ isActive, onClick, isClickable, customValueIcon, paymentIcon, }: PaymentMethodItemProps) => React.JSX.Element;
 export declare const ActiveFiatAccountPaymentMethodItem: ({ isActive, onClick, paymentMethodInfo, customValueIcon, testId, disabled, }: BasePaymentMethodItemProps & {
     paymentMethodInfo: PaymentMethodVirtualBankInfo;
     testId?: string;
@@ -50,10 +52,24 @@ type BasePaymentMethodItemProps = {
     customValueIcon?: ReactNode;
     testId?: string;
 };
+type PaymentMethodItemProps = BasePaymentMethodItemProps & {
+    paymentIcon: ReactNode;
+};
 export declare function AddPaymentMethodItem({ paymentMethod, isClickable, isActive, onClick, customValueIcon, testId, }: BasePaymentMethodItemProps & {
     paymentMethod: PaymentMethod;
     dynamicLimit?: string;
 }): React.JSX.Element | undefined;
+/**
+ * Source-list row for the underlying asset a customer is supplying
+ * (e.g. USDT for an Aave aUSDT checkout) when the user already holds
+ * it. Click pre-selects the asset as the source and skips
+ * asset-select via SourceChange's `skipAssetSelect` routing.
+ */
+export declare function NativeAssetItem({ asset, label, onClick, }: {
+    asset: AssetHoldingsItem;
+    label: string;
+    onClick: () => void;
+}): React.JSX.Element;
 export declare function PayPalPaymentMethodItem({ isActive, isClickable, onClick, isLoading, }: BasePaymentMethodItemProps & {
     isLoading: boolean;
 }): React.JSX.Element;

package/dist/components/Icons/CashAppIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CashAppIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/consts/customers.d.ts

@@ -12,5 +12,13 @@ export declare function isAvantisCustomer(apiKey: string): apiKey is "6TUi99Tq3O
 export declare function isPerplCustomer(apiKey: string): apiKey is "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu";
 export declare function isLighterxyzCustomer(apiKey: string): apiKey is "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2";
 export declare function isFanaticsCustomer(apiKey: string): apiKey is "lI7amueGK94QtGa7sGGVf8n0XhIcn4sHFAZRu5Jj";
+export declare function isAaveCustomer(apiKey: string): apiKey is "EWzSv8tWnQ7UcZ2IsDqFw1dYo3Df56FX6KBJ5ztS";
+/**
+ * Gates the source-select "Native" fast-path: when the connected wallet
+ * already holds `checkoutConfig.targetAsset`, surface a one-click row
+ * that skips asset-select and lands on InputAmount. Currently Aave-only;
+ * extend by OR-ing additional `is<Customer>Customer` predicates.
+ */
+export declare function isCustomerNativeFastPathEnabled(apiKey: string): apiKey is "EWzSv8tWnQ7UcZ2IsDqFw1dYo3Df56FX6KBJ5ztS";
 export declare function isLighterEthSpot(apiKey: string, checkoutConfig: FunkitCheckoutConfig | undefined): boolean | undefined;
 export declare function isLighterSlowDeposit(apiKey: string, checkoutConfig: Pick<FunkitCheckoutConfig, 'targetChain'> | undefined): boolean;

package/dist/domains/paymentMethods.d.ts

@@ -9,6 +9,7 @@ export declare enum PaymentMethod {
     /** Bluvo - Exchange / Brokerage **/
     BROKERAGE = "brokerage",
     TOKEN_TRANSFER = "token_transfer",
+    BITCOIN_LIGHTNING = "bitcoin_lightning",
     VIRTUAL_BANK = "virtual_bank",
     SWAPPED_CARD = "swapped_card",
     SEPA = "sepa",
@@ -38,6 +39,9 @@ export interface PaymentMethodAccountInfo extends PaymentMethodInfoBase {
 export interface PaymentMethodTokenTransferInfo extends PaymentMethodInfoBase {
     paymentMethod: PaymentMethod.TOKEN_TRANSFER;
 }
+export interface PaymentMethodBitcoinLightningInfo extends PaymentMethodInfoBase {
+    paymentMethod: PaymentMethod.BITCOIN_LIGHTNING;
+}
 export interface PaymentMethodVirtualBankIncompleteInfo extends PaymentMethodInfoBase {
     paymentMethod: PaymentMethod.VIRTUAL_BANK;
     matchingFiatAccount: BridgeVirtualBankAccount | undefined;
@@ -48,7 +52,7 @@ export interface PaymentMethodVirtualBankInfo extends PaymentMethodVirtualBankIn
 }
 export type ConnectablePaymentMethodInfo = PaymentMethodAccountInfo | PaymentMethodBrokerageInfo | PaymentMethodVirtualBankInfo;
 export declare function isConnectablePaymentMethodInfo(value: unknown): value is ConnectablePaymentMethodInfo;
-export type PaymentMethodInfo = PaymentMethodCardInfo | PaymentMethodBrokerageInfo | PaymentMethodAccountInfo | PaymentMethodTokenTransferInfo | PaymentMethodVirtualBankIncompleteInfo;
+export type PaymentMethodInfo = PaymentMethodCardInfo | PaymentMethodBrokerageInfo | PaymentMethodAccountInfo | PaymentMethodTokenTransferInfo | PaymentMethodBitcoinLightningInfo | PaymentMethodVirtualBankIncompleteInfo;
 interface CardPaymentMethodParams {
     paymentMethod: PaymentMethod.CARD;
     /** We also store client's customization in our database :( */
@@ -66,6 +70,9 @@ interface BrokeragePaymentMethodParams {
 interface TokenTransferPaymentMethodParams {
     paymentMethod: PaymentMethod.TOKEN_TRANSFER;
 }
+interface BitcoinLightningPaymentMethodParams {
+    paymentMethod: PaymentMethod.BITCOIN_LIGHTNING;
+}
 interface VirtualBankPaymentMethodIncompleteParams {
     paymentMethod: PaymentMethod.VIRTUAL_BANK;
     matchingFiatAccount: undefined;
@@ -79,6 +86,7 @@ interface VirtualBankPaymentMethodParams {
 export declare function createPaymentMethodInfo(params: CardPaymentMethodParams): PaymentMethodCardInfo;
 export declare function createPaymentMethodInfo(params: AccountPaymentMethodParams): PaymentMethodAccountInfo;
 export declare function createPaymentMethodInfo(params: TokenTransferPaymentMethodParams): PaymentMethodTokenTransferInfo;
+export declare function createPaymentMethodInfo(params: BitcoinLightningPaymentMethodParams): PaymentMethodBitcoinLightningInfo;
 export declare function createPaymentMethodInfo(params: VirtualBankPaymentMethodIncompleteParams): PaymentMethodVirtualBankIncompleteInfo;
 export declare function createPaymentMethodInfo(params: VirtualBankPaymentMethodParams): PaymentMethodVirtualBankInfo;
 export declare function createPaymentMethodInfo(params: BrokeragePaymentMethodParams): PaymentMethodBrokerageInfo;

package/dist/hooks/usePaymentSources.d.ts

@@ -5,6 +5,7 @@ export declare function usePaymentMethodEnablement(): {
     isTokenTransferEnabled: boolean;
     isMeldEnabled: boolean;
     isBrokerageEnabled: boolean;
+    isLightningEnabled: boolean;
 };
 export type PaymentMethodType = 'crypto' | 'fiat';
 export type UnavailablePaymentSource = {

package/dist/index.css

@@ -15203,6 +15203,14 @@
   opacity: 0;
 }
 
+/* vanilla-extract-css-ns:src/components/FunAssetAvatar/FunAssetAvatar.css.ts.vanilla.css?source=LnV3cmRjMjAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQoudXdyZGMyMiB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9 */
+[data-rk] .uwrdc20 {
+  position: relative;
+}
+[data-rk] .uwrdc22 {
+  position: absolute;
+}
+
 /* vanilla-extract-css-ns:src/components/FunBadge/FunBadge.css.ts.vanilla.css?source=QGtleWZyYW1lcyBiYzJ1enkwIHsKICAwJSB7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTIwMCUpOwogIH0KICAzNSUsIDEwMCUgewogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDIwMCUpOwogIH0KfQouYmMydXp5MSB7CiAgZGlzcGxheTogZmxleDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIHdpZHRoOiBmaXQtY29udGVudDsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwp9Ci5iYzJ1enkyIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKfQouYmMydXp5Mjo6YmVmb3JlIHsKICBjb250ZW50OiAiIjsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgaW5zZXQ6IDA7CiAgZGlzcGxheTogYmxvY2s7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiAxMDAlOwogIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgdHJhbnNwYXJlbnQgMzAlLCB3aGl0ZSA0NSUsIHdoaXRlIDU1JSwgdHJhbnNwYXJlbnQgNzAlKSBuby1yZXBlYXQ7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0yMDAlKTsKICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTsKICBvcGFjaXR5OiAwLjk7CiAgZmlsdGVyOiBibHVyKDJweCk7CiAgYW5pbWF0aW9uOiBiYzJ1enkwIDVzIGxpbmVhciBpbmZpbml0ZSAxczsKICBtaXgtYmxlbmQtbW9kZTogc29mdC1saWdodDsKfQ== */
 @keyframes bc2uzy0 {
   0% {
@@ -15501,14 +15509,6 @@
   flex: 1;
 }
 
-/* vanilla-extract-css-ns:src/components/FunAssetAvatar/FunAssetAvatar.css.ts.vanilla.css?source=LnV3cmRjMjAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQoudXdyZGMyMiB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9 */
-[data-rk] .uwrdc20 {
-  position: relative;
-}
-[data-rk] .uwrdc22 {
-  position: absolute;
-}
-
 /* vanilla-extract-css-ns:src/components/FunCountdown/FunCountdown.css.ts.vanilla.css?source=Ll8xdDBiYzExMSB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGxlZnQ6IDA7CiAgdG9wOiAwOwogIGJvdHRvbTogMDsKICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpOwp9Ci5fMXQwYmMxMTMgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBsZWZ0OiAwOwogIHRvcDogMDsKICBib3R0b206IDA7CiAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTsKfQ== */
 [data-rk] ._1t0bc111 {
   position: absolute;
@@ -15620,7 +15620,7 @@
   inset: 0;
 }
 
-/* vanilla-extract-css-ns:src/components/CopyAddress/CopyInputDisplayedAddress.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81WXavbOBB9v79iKFxIwDJyUqe97ktp90e0+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== */
+/* vanilla-extract-css-ns:src/components/CopyAddress/CopyInputDisplayedAddress.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81W247bNhB9368YBFhABkSBsiMnq7wEST8i7UtBUSObME0KJL3rTbH/XpC6WJQcx02BojBgibeZwzNHh/x8wNfGsCNa+DM/VN9RPCH89QBAH8MDwBmmbKPNkWgjdkKVUNBHoI+f4tGye5XM4e8JXYHRjjn8ltAadyuwnElM8lW3SLeMC/daQu7bbw8AeTGkW45t6WKMZu+7SI2QDk0JlTyZZN2eV2NA+q82sKWPly2QzXQT2Xa+C3oFy3bE8vbweclx03OcTnZ+HaffyC2kJIJ6D1JPz8clp/nd1P0M0j+s/ttDNtCyCXn1yUmhkHAttSnhmZmEEHPo2pYw7oRWX33jN2FZJbEOkSttajSk0s7pI5HYOGJYLU62BM4kT8Y4vlcQrpVC7r6cnNNqBQTyvmRxHCN2+18MFCgRHmwJTErIC3q0wE+V4KTC7wJNQrNNCjQFmtFtCp6hCRvvAxuE8D3yAxFcK1KjZK8lZHlhPy3GmN0T3TQWXelrtJjQjQ0xaIjQ6gGhQcmceEbf+yJqty8h37Zn39yjJ+HSroVtQ4ydEXWIIhlHIhwePUeoHJp4J2VZYaNNZy1cK4fKlfDuXQyBVVbLkwsQnG5LWHf5fC3HRo/tKYbWN/vaDeVaD71nYves1i8lCGXRAQ2/PCvaM/CTMahcENS8bKPAIVsXNu2S9+9d6r4RJQ59caiB9U4784rO5EKcOAq1I81J8Q7HTDTrIkgmCKegKeQZpas546xxaO4n3HREjpR59f93pHMpWtIyn6TV8nWnlbdQ/2kEOxqe/i/1Qfrntj2n/g+2028ucqxx3c9q2/vS/6B4RajaxFwnfh5N84SFudYZfcBgAYMDLMFe/CGwGXBPFjJj/CZz2pGdDh7ST+klsM6KOZGL5JBtFj73g13fRfPUuGIKtlcscmqD6ys2GPnfDYPM1jbOFZnYYJEbL+fIJMee2Xfxoeu9dmYmJPtQeCl3z9U87+VTXoiiI3F6wk+WfrysuSr6xWE0KRJdFGkG+o9kJtunOcJx6rdkTdvz6sZaFtZeP43G40aocC9oJJ6jxdWNxS0a2yL3zaDtWRGIda8SS2gNWjTPSDZ1FJqH0HMEldT84OMwJY4saFexIw7SjXtTUFrhKp4eSX3WnQK18+knw7q90cGeLoO/aDjTEI2Qkhx1jSU02rwwU9tIVnOc/cDiylL/UAL33FRvXzdv3BPo5ZZA78Md5Pc3djwXAf0MAAA= */
 @keyframes _1kbzei9e {
   0% {
     transform-origin: 50% 0%;
@@ -15658,8 +15658,8 @@
 }
 [data-rk] ._1kbzei93 {
   outline-color: var(--rk-colors-actionColorDisabled);
-  border-bottom-left-radius: var(--rk-radii-connectButton);
-  border-bottom-right-radius: var(--rk-radii-connectButton);
+  border-bottom-left-radius: calc(var(--rk-radii-connectButton) - 1px);
+  border-bottom-right-radius: calc(var(--rk-radii-connectButton) - 1px);
   transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
 }
 [data-rk] ._1kbzei94 {