@funkit/connect 5.0.4 → 5.0.5

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @funkit/connect
 
+## 5.0.5
+
+### Patch Changes
+
+- 00ea666: feat(connect): show fallback asset icon for You will pay
+- c7b1755: feat: run risk assessment in confirmation step
+- 6916daf: fix(connect): fix layout shifts related to NumberFlow
+- 3024c44: feat(connect): add clip-path to FunAssetAvatar to make space for chain icon and adjust visual
+- 97579ef: feat: update MoonPay description in transaction details
+
 ## 5.0.4
 
 ### Patch Changes

package/dist/components/CopyAddress/CopyIconButton.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+/** This component should be used internally by other copy buttons  */
 export declare const CopyIconButton: ({ isAddressCopied, onCopyAddress, }: {
     isAddressCopied: boolean;
     onCopyAddress: () => void;

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

@@ -1,4 +1,2 @@
 export declare const containerStyle: string;
 export declare const chainContainerStyle: string;
-export declare const largeChainContainerStyle: string;
-export declare const borderedChainContainerStyle: string;

package/dist/components/FunAssetAvatar/FunAssetAvatar.d.ts

@@ -8,8 +8,7 @@ interface FunAssetAvatarProps {
     chainId?: string | number;
     prioritizeDefaults?: boolean;
     hideIfUnknown?: boolean;
-    borderedChainIcon?: boolean;
     largeChainIcon?: boolean;
 }
-export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, prioritizeDefaults, hideIfUnknown, borderedChainIcon, largeChainIcon, }: FunAssetAvatarProps): React.JSX.Element | null;
+export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, prioritizeDefaults, hideIfUnknown, largeChainIcon, }: FunAssetAvatarProps): React.JSX.Element | null;
 export {};

package/dist/components/FunCheckoutBlocked/FunCheckoutBlocked.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export type CheckoutBlockedReason = 'geoblock' | 'security';
+type CheckoutBlockedReason = 'geoblock' | 'security';
 interface FunCheckoutBlockedProps {
     reason: CheckoutBlockedReason;
 }

package/dist/components/FunPaymentMethodItem/FunPaymentMethodItem.d.ts

@@ -1,4 +1,10 @@
 import React, { type ReactNode } from 'react';
+import { type BoxProps } from '../Box/Box';
+interface PaymentMethodWrapperProps extends Pick<FunPaymentMethodItemProps, 'isActive' | 'isDisabled' | 'onClick'> {
+    children: ReactNode;
+    paddingY?: BoxProps['paddingY'];
+}
+export declare const PaymentMethodWrapper: ({ paddingY, isActive, isDisabled, onClick, children, }: PaymentMethodWrapperProps) => React.JSX.Element;
 export interface FunPaymentMethodItemProps {
     keyIcon?: ReactNode;
     keyText: string;
@@ -10,8 +16,4 @@ export interface FunPaymentMethodItemProps {
     isActive?: boolean;
 }
 export declare const FunPaymentMethodItem: ({ keyIcon, keyText, valueIcon, disclaimerText, onClick, isError, isDisabled, isActive, }: FunPaymentMethodItemProps) => React.JSX.Element;
-interface SourcePaymentMethodItemProps extends Omit<FunPaymentMethodItemProps, 'valueIcon'> {
-    otherSourcesCount: number;
-}
-export declare const SourcePaymentMethodItem: ({ keyIcon, keyText, disclaimerText, onClick, otherSourcesCount, isError, isDisabled, isActive, }: SourcePaymentMethodItemProps) => React.JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import React, { type ReactNode } from 'react';
 import { PaymentMethod, type PaymentMethodBrokerageInfo } from '../../domains/paymentMethods';
+export declare const getDynamicValueIconComponent: () => React.JSX.Element;
 interface ConnectedMeshPaymentMethodItemProps {
     paymentMethodInfo: PaymentMethodBrokerageInfo;
     isSelected: boolean;

package/dist/components/FunSkeletonLoader/FunSkeletonBlock.d.ts

@@ -5,9 +5,9 @@ type FunSkeletonBlockProps = {
     marginBottom?: BoxProps['marginBottom'];
     marginTop?: BoxProps['marginTop'];
     style?: BoxProps['style'];
-    height: BoxProps['height'];
+    height: string;
     /** Defaults to full width */
     width?: BoxProps['width'];
 };
-export declare function FunSkeletonBlock({ width, borderRadius, ...props }: FunSkeletonBlockProps): React.JSX.Element;
+export declare function FunSkeletonBlock({ width, borderRadius, height, ...props }: FunSkeletonBlockProps): React.JSX.Element;
 export {};

package/dist/components/QRCode/QRCodeSkeletonLoader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface QRCodeSkeletonLoaderProps {
+    /** Dictates what square will be rendered, eg. diagonalDimension = 4 will render a 4x4 skeleton loader with 4 rows and 4 columns, diagonalDimension = 12 will render a 12x12 skeleton loader with 12 rows and 12 columns */
+    diagonalDimension: number;
+}
+declare const QRCodeSkeletonLoader: ({ diagonalDimension, }: QRCodeSkeletonLoaderProps) => React.JSX.Element;
+export default QRCodeSkeletonLoader;

package/dist/components/SourcePaymentMethodItem/SourcePaymentMethodItem.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type FunPaymentMethodItemProps } from '../FunPaymentMethodItem/FunPaymentMethodItem';
+interface SourcePaymentMethodItemProps extends Omit<FunPaymentMethodItemProps, 'valueIcon'> {
+    otherSourcesCount: number;
+}
+export declare const SourcePaymentMethodItem: ({ keyIcon, keyText, disclaimerText, onClick, otherSourcesCount, isError, isDisabled, isActive, }: SourcePaymentMethodItemProps) => React.JSX.Element;
+export {};

package/dist/consts/animations.d.ts

@@ -0,0 +1 @@
+export declare const mapFontLineHeightToNumberFlowHeight: Record<string, string>;

package/dist/domains/{checkoutState.d.ts → checkout.d.ts}

@@ -1,4 +1,7 @@
+import { type FunAddress } from '@funkit/api-base';
 import { type CheckoutRefundState, CheckoutState } from '@funkit/api-base';
+import type { GeneralWalletContextProps } from '~/providers/GeneralWalletProvider';
+export declare const hasRisk: (apiKey: string, walletAddress: GeneralWalletContextProps["walletAddress"], customRecipient?: FunAddress) => Promise<boolean>;
 export type CheckoutStatus = 'failed' | 'expired' | 'processing' | 'completed';
 type CheckoutStateBooleans = {
     isProcessing: boolean;

package/dist/domains/{checkoutFees.d.ts → fees.d.ts}

@@ -1,8 +1,8 @@
 import { type CheckoutQuoteResponse } from '@funkit/api-base';
 import type { Config } from 'wagmi';
 import { LoginType } from '~/providers/GeneralWalletProvider';
-import { PaymentMethod, type PaymentMethodInfo } from '../domains/paymentMethods';
 import type { FunkitActiveCheckoutItem } from '../providers/FunkitCheckoutContext';
+import { PaymentMethod, type PaymentMethodInfo } from './paymentMethods';
 interface BaseCheckoutFees {
     paymentMethod: PaymentMethod;
     marketMakerFeeUsd: number;

package/dist/domains/paymentMethods.d.ts

@@ -2,7 +2,7 @@ import type { PreviewTransferResult } from '@funkit/api-base';
 import type { MeshConnectionInfo } from '~/providers/FunkitMeshProvider';
 /** Supported payment methods in FunkitConnect. **/
 export declare enum PaymentMethod {
-    /** Moonpay - Credit / Debit Card **/
+    /** MoonPay - Credit / Debit Card **/
     CARD = "card",
     /** Account Balance **/
     ACCOUNT_BALANCE = "balance",

package/dist/domains/quote.d.ts

@@ -3,7 +3,7 @@ import type { Address } from 'viem';
 import type { Config } from 'wagmi';
 import type { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
 import type { LoginType } from '~/providers/GeneralWalletProvider';
-import { type CheckoutFees } from './checkoutFees';
+import { type CheckoutFees } from './fees';
 import { type PaymentMethodInfo } from './paymentMethods';
 export interface FunkitCheckoutQuoteResult extends Omit<ApiFunkitCheckoutQuoteResult, 'finalFeesBreakdown'> {
     finalSpreadUsd: string;

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

@@ -0,0 +1,6 @@
+import type { FunAddress } from '@funkit/api-base';
+import type { GeneralWalletContextProps } from '~/providers/GeneralWalletProvider';
+export declare const useIsBlacklisted: (walletAddress: GeneralWalletContextProps["walletAddress"], customRecipient?: FunAddress) => {
+    isWalletBlacklisted: boolean;
+    isCustomRecipientBlacklisted: boolean;
+};

package/dist/index.css

@@ -6797,19 +6797,12 @@
   outline-color: var(--rk-colors-tertiaryText);
 }
 
-/* vanilla-extract-css-ns:src/components/FunAssetAvatar/FunAssetAvatar.css.ts.vanilla.css?source=LnV3cmRjMjAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQoudXdyZGMyMSB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGJvdHRvbTogMDsKICByaWdodDogMDsKfQoudXdyZGMyMiB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGJvdHRvbTogLTJweDsKICByaWdodDogLTJweDsKfQ== */
+/* vanilla-extract-css-ns:src/components/FunAssetAvatar/FunAssetAvatar.css.ts.vanilla.css?source=LnV3cmRjMjAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQoudXdyZGMyMiB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9 */
 [data-rk] .uwrdc20 {
   position: relative;
 }
-[data-rk] .uwrdc21 {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-}
 [data-rk] .uwrdc22 {
   position: absolute;
-  bottom: -2px;
-  right: -2px;
 }
 
 /* vanilla-extract-css-ns:src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts.vanilla.css?source=LnVrY3Q0dDEgewogIG91dGxpbmU6IG5vbmU7Cn0KLnVrY3Q0dDE6Zm9jdXMgewogIG91dGxpbmU6IG5vbmU7Cn0= */
@@ -7003,8 +6996,8 @@
   opacity: 0.5;
 }
 
-/* vanilla-extract-css-ns:src/components/FunPaymentMethodItem/FunPaymentMethodItem.css.ts.vanilla.css?source=Ll83NHU2cmUwIHsKICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIG1pbi13aWR0aDogN3B4Owp9 */
-[data-rk] ._74u6re0 {
+/* vanilla-extract-css-ns:src/components/SourcePaymentMethodItem/SourcePaymentMethodItem.css.ts.vanilla.css?source=Ll8xeW9mZWZsMCB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBtaW4td2lkdGg6IDdweDsKfQ== */
+[data-rk] ._1yofefl0 {
   display: inline-flex;
   align-items: center;
   justify-content: center;