@funkit/connect 5.5.14 → 5.5.16

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @funkit/connect
 
+## 5.5.16
+
+### Patch Changes
+
+- dd97dc2: feat: add feature flag to hide chains from withdrawal
+- 1b38d78: feat: add token icon assets
+- 5e1cbf8: feat(connect): update how we display fees for withdrawal
+  feat(fun-relay): update fee structure - remove variable LP
+  feat(frog): update fee structure - remove variable LP
+- 09ac3b8: feat(relay): expose blockchain confirmation callback
+- 4dfcaa3: skip gas estimate for withdrawal
+- 4c4f24a: feat(connect, apps): Complete screen without scrollbar, change of hover color for Katana
+- cc372b2: feat(connect): update how we are displaying fees to the user
+- Updated dependencies [dd97dc2]
+- Updated dependencies [5e1cbf8]
+- Updated dependencies [c11a45a]
+- Updated dependencies [f3aa50c]
+- Updated dependencies [09ac3b8]
+- Updated dependencies [09ac3b8]
+- Updated dependencies [e273041]
+  - @funkit/utils@1.1.6
+  - @funkit/fun-relay@0.1.10
+  - @funkit/api-base@1.9.8
+  - @funkit/core@2.3.30
+  - @funkit/wagmi-tools@3.0.52
+
+## 5.5.15
+
+### Patch Changes
+
+- 9f6d124: fix react bug
+- 890ef8f: add up all gas
+- 4c208d4: feat(connect): swap meld deposit address from user to QR code address
+- Updated dependencies [4c208d4]
+  - @funkit/api-base@1.9.7
+  - @funkit/core@2.3.29
+  - @funkit/wagmi-tools@3.0.51
+
 ## 5.5.14
 
 ### Patch Changes

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

@@ -5,22 +5,22 @@ export declare function PaymentMethodIcon({ paymentIcon, keyIconSize, }: {
     paymentIcon: ReactNode;
     keyIconSize: number;
 }): React.JSX.Element;
-interface ConnectedMeshPaymentMethodItemProps {
+interface ConnectedMeshPaymentMethodItemProps extends ConnectedPaymentMethodItemProps {
     paymentMethodInfo: PaymentMethodBrokerageInfo;
-    isActive: boolean;
-    onSelect: () => void;
     onBrokerageError?: () => void;
-    targetChainId: string;
-    customValueIcon?: ReactNode;
 }
 /** 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, isActive, onSelect, onBrokerageError, targetChainId, customValueIcon, }: ConnectedMeshPaymentMethodItemProps) => React.JSX.Element;
-export declare const AccountBalancePaymentMethodItem: ({ isActive, customValueIcon, onClick, targetChainId, }: BasePaymentMethodItemProps & {
+export declare const ConnectedMeshPaymentMethodItem: ({ paymentMethodInfo, isSelected, onSelect, onBrokerageError, targetChainId, showSelectedCheckmark, }: ConnectedMeshPaymentMethodItemProps) => React.JSX.Element;
+interface ConnectedPaymentMethodItemProps {
+    isSelected: boolean;
+    showSelectedCheckmark?: boolean;
+    onSelect: () => void;
     targetChainId: string;
-}) => React.JSX.Element;
+}
+export declare const AccountBalancePaymentMethodItem: ({ isSelected, showSelectedCheckmark, onSelect, targetChainId, }: ConnectedPaymentMethodItemProps) => React.JSX.Element;
 export declare const ActiveFiatAccountPaymentMethodItem: ({ isActive, onClick, paymentMethodInfo, customValueIcon, }: BasePaymentMethodItemProps & {
     paymentMethodInfo: PaymentMethodVirtualBankInfo;
 }) => React.JSX.Element;

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

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

package/dist/components/ReceiveAmount/ReceiveAmount.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ServerCheckoutConfig } from '~/domains/clientMetadata';
+import type { FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
+interface ReceiveAmountProps {
+    config: ServerCheckoutConfig | FunkitCheckoutConfig;
+    /** To override the default icon if custom one is needed */
+    icon?: React.ReactNode;
+}
+export declare const ReceiveAmount: ({ config, icon }: ReceiveAmountProps) => React.JSX.Element;
+export {};

package/dist/consts/customers.d.ts

@@ -5,3 +5,4 @@ export declare function isBankrCustomer(apiKey: string): apiKey is "vWe20Dfyui2o
 export declare function isBsxCustomer(apiKey: string): apiKey is "zN1zrkmLQn4oZtLUW9Qt02uuBI3Jvrgj8Ni40Gf1";
 export declare function isEtherealCustomer(apiKey: string): apiKey is "M3uox3cw0u8YCPV9cIREA6AugUMvPFTk6qOpm4um";
 export declare function isKatanaCustomer(apiKey: string): apiKey is "OXLUmejkh9PlNDS4gSvi9gcEWacOpTz2KUVepVf4";
+export declare function isEtherFiCustomer(apiKey: string): apiKey is "GyJMyQ3juDarKooebGRu16Ncogwhm59h2DIjCu1p";

package/dist/domains/asset.d.ts

@@ -18,8 +18,9 @@ interface AssetUsableToPayParms {
     assetUsdAmount: number | null;
     loginType: LoginType;
     isAllowedForCheckout: boolean;
+    minValueThreshold?: number;
 }
-export declare const isAssetUsableToPayForCheckout: ({ config, payerAddress, paymentMethod, targetChainId, targetTokenAddress, assetChainId, assetTokenAddress, assetUsdAmount, loginType, isAllowedForCheckout, }: AssetUsableToPayParms) => {
+export declare const isAssetUsableToPayForCheckout: ({ config, payerAddress, paymentMethod, targetChainId, targetTokenAddress, assetChainId, assetTokenAddress, assetUsdAmount, loginType, isAllowedForCheckout, minValueThreshold, }: AssetUsableToPayParms) => {
     isUsable: boolean;
     reason: string;
 };

package/dist/domains/fees.d.ts

@@ -46,6 +46,7 @@ interface EvaluateFeeBreakdownItem {
     wagmiConfig: Config;
     apiKey: string;
     loginType: LoginType;
+    isWithdrawal?: boolean;
 }
 export declare function evaluateFeeBreakdown(evalItem: EvaluateFeeBreakdownItem, enableFrogProxyServer?: boolean): Promise<{
     fees: CheckoutFees;

package/dist/domains/paymentMethods.d.ts

@@ -45,6 +45,7 @@ export interface PaymentMethodVirtualBankInfo extends PaymentMethodVirtualBankIn
     matchingFiatAccount: BridgeVirtualBankAccount;
 }
 export type ConnectablePaymentMethodInfo = PaymentMethodAccountInfo | PaymentMethodBrokerageInfo | PaymentMethodVirtualBankInfo;
+export declare function isConnectablePaymentMethodInfo(value: unknown): value is ConnectablePaymentMethodInfo;
 export type PaymentMethodInfo = PaymentMethodCardInfo | PaymentMethodBrokerageInfo | PaymentMethodAccountInfo | PaymentMethodTokenTransferInfo | PaymentMethodVirtualBankIncompleteInfo;
 interface CardPaymentMethodParams {
     paymentMethod: PaymentMethod.CARD;

package/dist/domains/quote.d.ts

@@ -11,7 +11,7 @@ export interface FunkitCheckoutQuoteResult extends Omit<ApiFunkitCheckoutQuoteRe
     finalFeesBreakdown: CheckoutFees;
 }
 export declare function getCheckoutBaseQuote(checkoutItem: FunkitActiveCheckoutItem, userId: string, walletAddress: Address, apiKey: string, sponsorInitialTransferGasLimit: number, wagmiConfig: Config, directExecutionInfo: FunkitDirectExecutionInfo, senderAddress?: Address, isWithdrawal?: boolean): Promise<CheckoutQuoteResponse>;
-export declare function getQuoteFinalEstimation(baseQuote: CheckoutQuoteResponse, checkoutItem: FunkitActiveCheckoutItem, newPaymentMethodInfo: PaymentMethodInfo, wagmiConfig: Config, apiKey: string, loginType: LoginType, enableFrogProxyServer?: boolean): Promise<{
+export declare function getQuoteFinalEstimation(baseQuote: CheckoutQuoteResponse, checkoutItem: FunkitActiveCheckoutItem, newPaymentMethodInfo: PaymentMethodInfo, wagmiConfig: Config, apiKey: string, loginType: LoginType, enableFrogProxyServer?: boolean, isWithdrawal?: boolean): Promise<{
     finalEstimation: FunkitCheckoutQuoteResult;
     brokerage?: BrokerageDetails;
 }>;

package/dist/domains/relay.d.ts

@@ -1,5 +1,10 @@
 import type { RelayQuote } from '@funkit/fun-relay';
 export declare const KATANA_BRIDGE_ALERT_THRESHOLD_PERCENT = 0.5;
+export declare function calcCustomFees(relayQuote: RelayQuote['metadata']['relayQuote']): {
+    swapImpactUsd: number;
+    appFeeUsd: number;
+    totalImpactUsd: number;
+};
 export declare function extractRelayFeeInfo(relayQuote: RelayQuote['metadata']['relayQuote']): {
     gasUsd: number;
     fillCostUsd: number;

package/dist/{modals/CheckoutModal/InputAmount → hooks}/useAssetPrice.d.ts

@@ -1,15 +1,19 @@
 import { type Erc20AssetInfo } from '@funkit/api-base';
 import type { Address } from 'viem';
+interface UseAssetAddressPriceParams {
+    chainId: string | undefined;
+    assetTokenAddress: Address | undefined;
+    refetchInterval?: number;
+    /** defaults to 1 hence price returned is unit price */
+    amount?: number;
+}
 type AssetPriceResult = {
     error: Error | null;
     isLoading: boolean;
-    unitPrice: number | undefined;
+    /** unit price if custom amount is not provided */
+    price: number | undefined;
 };
-export declare function useAssetAddressPrice({ chainId, assetTokenAddress, refetchInterval, }: {
-    chainId: string | undefined;
-    assetTokenAddress: Address | undefined;
-    refetchInterval?: number;
-}): AssetPriceResult;
+export declare function useAssetAddressPrice({ chainId, assetTokenAddress, amount, refetchInterval, }: UseAssetAddressPriceParams): AssetPriceResult;
 type AssetSymbolPriceParams = {
     chainId: string | undefined;
     symbol: string | undefined;

package/dist/hooks/usePaymentMethodIcon.d.ts

@@ -1,11 +1,6 @@
 import React, { type ReactNode } from 'react';
 import { PaymentMethod, type PaymentMethodInfo } from '../domains/paymentMethods';
-export declare const PAYMENT_METHOD_ICONS: {
-    brokerage: (size: number) => React.JSX.Element;
-    card: (size: number) => React.JSX.Element;
-    token_transfer: (size: number) => React.JSX.Element;
-    virtual_bank: (size: number) => React.JSX.Element;
-};
+export declare const PAYMENT_METHOD_ICONS: Record<Exclude<PaymentMethod, PaymentMethod.ACCOUNT_BALANCE>, (size: number) => ReactNode>;
 /**
   Reference ENG-716
   * web2 users -> social icon

package/dist/index.css

@@ -8170,7 +8170,7 @@
   }
 }
 
-/* vanilla-extract-css-ns:src/components/Dialog/DialogContent.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7WVTc+bMAzH78+niLRLe0hFaWn70Mu0z7D7ZBJTooYEJaHApn73iZcyQlut1bQTivHvb+PYZvVjXfx023CzJr8+CMmhphmKU+ZiEoVRUR8HYyW4y2KyDoJL1dqG8zYKWp/rx2rUiTOwiy+84TUtoMlROWor4ViGZnkXY7ePHvNOn1FRZ0DZFA0t4IT39CF8QqcCHOXoQMh3UaZVKkwOTmj1LlsJl3EDFUiaSl29Qoa9j1C3Cm8OQV91/zxBNu8j2w4pgHOhTtT0yQTHiU1i2psmVORRiXZO53Of/TwZoYQTICfpMJBs0TUOoWQTFPXyOC9LYC+ZL/tOFwQt7Ns+oyeKL3TGS3KfHacvaNqbpnVMMsE5quPU2sQESqdbm2VGS5mAoafSOTQxsQ4Sif67oWKlsuj8cHFMK0zOwrXVYOcuegLsfDK6VJwyLbWJyQXMglJz7s+W5pqD/Da6LZ9pjhl0ulzYQkIz5jHe5K5vs/8Ql7qszJP+q7ThaKgBLko7kW4NoldevpaFQ+MEmOY71s5PAf6Swr994HP1OGt748UYFplW/GH+iX9PqcTuYton5cIga7dXTJiWZd615K2R2zH0G5l5Qz6ugUfbYkLxjuoGU/SxdAFMuIYEq9ASBItUKKpLv43xDgMpSbCKZog/fWE07LfbYP0Ztol2ejfJA3UfbjuEG2I9kv2aIxfQjiaiIqA4WUyW3H53KOp+daz8H+j8z0jIdeoUDk6Ptvd8f8/QzT26DefoaLl+XH8D5xrmONsHAAA= */
+/* vanilla-extract-css-ns:src/components/Dialog/DialogContent.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7WVy66bMBCG9+cpLHWTLBwREs7JIZuqz9B9NeAhWDE2sodAWuXdKy6hmCRqoqor5GG+fwbPhdWPdfmTtuFmzX69MVZAw3OUh5xiFoVR2ewHYy0F5TFbB8Gpbm3DeRsFrc/lbTXqxDm4xRdxFg0v4VygJu5qSWmOdnkT4/0jus+TOaLmZEG7DC0v4YC39C58QGcSiAskkOpVNDU6k7YAkka/zhalQsJXuVpSLizUoHimTP0MGfY+Ul8rs9kFfbX88wTZvI5sO6QEIaQ+cNsnE+wnNoVZb5pQkUclhsgUc5+PeTJSS5KgJumkoNJF13CMs01QNsv9/FoCd8p92Ve6J2hh3/YZPVB8oqOekvvsOHNC21aaNzHLpRCo91PrOWZQkWltLrVGqQQsP1REaGPmCBKF/rvhxirtkPxwccxrTI6S2ttIj130BNLjwZpKC54aZWzMTmAXnNtjf3a8MALUt9Ft+UhzzKDTFdKVCs5jHmMl3/s2+w9xOeVVkfRfZaxAyy0IWbmJdGuQvfLyuSwILUmw5+/YkJ8C/CWFf/vAx+px3vbGkzEcpkaLu/knfp0yhV1h2icX0mLabr2YpUZVRdeS10Zux9Bv5NQb8nEN3NsWE0p0VDeYso9lSkglnVmwCh1DcMil5qby2xhvMFCKBatohvjTF0bDfrsO1p9hm2hnN5M8ULfhtkO4IdY92a8FCgntaCJqBlqwxWTJfbzvyqZfHSv/xzv/ozJ2mTqFg9O97T3f3zN0c4tuwzk6Wi5vl99vlQlxEwgAAA== */
 [data-rk] ._1pzt4231 {
   max-height: 525px;
   max-width: 100vw;
@@ -8188,6 +8188,9 @@
 [data-rk] ._1pzt4231:has(#confirmation-page) {
   max-height: 825px;
 }
+[data-rk] ._1pzt4231:has(#complete-page) {
+  max-height: 825px;
+}
 [data-rk] ._1pzt4231:has(#withdrawal-flow) {
   max-height: 825px;
 }