@funkit/connect 5.5.13 → 5.5.14

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @funkit/connect
 
+## 5.5.14
+
+### Patch Changes
+
+- 0f27d4f: fix(connect): select chain dropdown width and position
+- 7232b85: chore(connect): deprecate vertex related code
+- 3ecab67: fix fee display
+- e4b274b: add icons to withdrawal
+- a650b5d: feat: add hyperevm chain
+- 3c3ea82: support exact input for withdrawal
+- 072a1c6: fix: fix fallback values for checkout time estimates
+- 08b7da3: chore: deprecate zoraTestnet
+- c3ea232: feat(connect): update Deposit with cash disclaimer
+- Updated dependencies [7232b85]
+- Updated dependencies [a650b5d]
+- Updated dependencies [afb6a57]
+- Updated dependencies [48d11b9]
+- Updated dependencies [08b7da3]
+  - @funkit/api-base@1.9.6
+  - @funkit/chains@0.3.3
+  - @funkit/core@2.3.28
+  - @funkit/utils@1.1.5
+  - @funkit/wagmi-tools@3.0.50
+
 ## 5.5.13
 
 ### Patch Changes

package/dist/components/CopyAddress/CopyInputDisplayedAddress.css.d.ts

@@ -1,2 +1,13 @@
 export declare const copyButtonWrapper: string;
 export declare const copyButton: string;
+export declare const copyButtonIcon: string;
+export declare const copyButtonIconBase: string;
+export declare const copyButtonIconActive: string;
+export declare const copyInputTextBox: string;
+export declare const copyInputTextBoxActive: string;
+export declare const copyInputText: string;
+export declare const copyInputTextWrapper: string;
+export declare const copyInputTextDefault: string;
+export declare const copyInputTextActive: string;
+export declare const textOut: string;
+export declare const textIn: string;

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

@@ -3,6 +3,5 @@ interface CopyInputDisplayedAddressProps {
     address: string;
     truncateAddress?: boolean;
 }
-/** Element displaying the provided address along with a copy button below */
 export declare function CopyInputDisplayedAddress({ address, truncateAddress, }: CopyInputDisplayedAddressProps): React.JSX.Element;
 export {};

package/dist/components/FunCheckoutHistory/FunCheckoutHistoryContent.d.ts

@@ -5,7 +5,9 @@ interface FunCheckoutHistoryContentProps {
     currentPage: HistoryContentPages;
     onHelp: () => void;
     onBackFromHelpPage: () => void;
-    onClose: () => void;
+    onClose: (opt?: {
+        isNewDeposit?: boolean;
+    }) => void;
     onAnimationComplete?: (callback: () => void) => void;
     /** Element ID to be used to mount the CTA action bar */
     bottomBarId: string;

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

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

package/dist/consts/customers.d.ts

@@ -1,6 +1,5 @@
 export declare function isDydxCustomer(apiKey: string): apiKey is "NJq0CGrsE19xBbP1vHyBOp8xJvzYo9kayJHqDFP5";
 export declare function isPolymarketCustomer(apiKey: string): apiKey is "Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6";
-export declare function isVertexCustomer(apiKey: string): apiKey is "OQXhzzkLHE2vHAK8nZBS76el5utuw3527RmnYn26";
 export declare function isOstiumCustomer(apiKey: string): apiKey is "SMbBD7DS9b3EPcyBVg4a8az1rRWR9xB068chHoUN";
 export declare function isBankrCustomer(apiKey: string): apiKey is "vWe20Dfyui2ouvfOhtSTY3Czeo8lFdbo5xXQBALZ";
 export declare function isBsxCustomer(apiKey: string): apiKey is "zN1zrkmLQn4oZtLUW9Qt02uuBI3Jvrgj8Ni40Gf1";

package/dist/domains/asset.d.ts

@@ -8,7 +8,6 @@ export declare function isNativeTokenAddress(address: Address): boolean;
 export declare function isDefaultToken(asset: AssetHoldingsItem, checkoutConfig: FunkitCheckoutConfig): boolean;
 export declare const isPolygonEcosystemToken: (chainId: string, tokenAddress: string) => boolean;
 interface AssetUsableToPayParms {
-    apiKey: string;
     config: FunkitCheckoutConfig;
     payerAddress: string;
     paymentMethod: PaymentMethod;
@@ -20,9 +19,9 @@ interface AssetUsableToPayParms {
     loginType: LoginType;
     isAllowedForCheckout: boolean;
 }
-export declare const isAssetUsableToPayForCheckout: ({ apiKey, 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, }: AssetUsableToPayParms) => {
     isUsable: boolean;
     reason: string;
 };
-export declare function getUsdAvailableAmount(targetChainId: string, assetChainId: string | undefined, assetUsdAmount: number | null | undefined, paymentMethod: PaymentMethod | undefined, isDirectExecution: boolean): number | null;
+export declare function getUsdAvailableAmount(targetChainId: string, assetChainId: string | undefined, assetUsdAmount: number | null | undefined, paymentMethod: PaymentMethod | undefined): number | null;
 export {};

package/dist/domains/clientMetadata.d.ts

@@ -31,11 +31,17 @@ export interface HistoricalCheckoutItem {
     };
     selectedSourceAssetInfo: FunkitActiveCheckoutItem['selectedSourceAssetInfo'];
     selectedPaymentMethodInfo: FunkitActiveCheckoutItem['selectedPaymentMethodInfo'];
+    isWithdrawal?: boolean;
 }
 /**
  * Sanitizes checkoutItem to generate a clientMetadata object to be saved in backend.
  * Ensures that no react components get sent to backend and the object isn't too big as well.
  */
-export declare function generateClientMetadataForBackend(checkoutItem: FunkitActiveCheckoutItem, quote: FunkitCheckoutQuoteResult, actionsParams?: FunkitCheckoutActionParams[]): ApiCheckoutClientMetadata;
+export declare function generateClientMetadataForBackend({ checkoutItem, latestQuote, actionsParams, isWithdrawal, }: {
+    checkoutItem: FunkitActiveCheckoutItem;
+    latestQuote: FunkitCheckoutQuoteResult;
+    actionsParams?: FunkitCheckoutActionParams[];
+    isWithdrawal?: boolean;
+}): ApiCheckoutClientMetadata;
 export declare function generateClientMetadataForTokenTransfer(): HistoricalCheckoutItem;
 export declare function toApiSelectedPaymentMethodInfo(paymentMethodInfo: PaymentMethodInfo): ApiSelectedPaymentMethodInfo;

package/dist/domains/quote.d.ts

@@ -10,7 +10,7 @@ export interface FunkitCheckoutQuoteResult extends Omit<ApiFunkitCheckoutQuoteRe
     finalSpreadUsd: string;
     finalFeesBreakdown: CheckoutFees;
 }
-export declare function getCheckoutBaseQuote(checkoutItem: FunkitActiveCheckoutItem, userId: string, walletAddress: Address, apiKey: string, sponsorInitialTransferGasLimit: number, wagmiConfig: Config, directExecutionInfo: FunkitDirectExecutionInfo, senderAddress?: Address): Promise<CheckoutQuoteResponse>;
+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<{
     finalEstimation: FunkitCheckoutQuoteResult;
     brokerage?: BrokerageDetails;
@@ -37,8 +37,9 @@ export interface CheckoutQuoteParams {
      *  this happens when withdrawing from a different wallet
      **/
     senderAddress?: Address;
+    isWithdrawal?: boolean;
 }
-export declare function getQuoteAndEstimation({ checkoutItem, userId, walletAddress, apiKey, sponsorInitialTransferGasLimit, newPaymentMethodInfo, wagmiConfig, loginType, enableFrogProxyServer, directExecutionInfo, senderAddress, }: CheckoutQuoteParams): Promise<{
+export declare function getQuoteAndEstimation({ checkoutItem, userId, walletAddress, apiKey, sponsorInitialTransferGasLimit, newPaymentMethodInfo, wagmiConfig, loginType, enableFrogProxyServer, directExecutionInfo, senderAddress, isWithdrawal, }: CheckoutQuoteParams): Promise<{
     baseQuote: CheckoutQuoteResponse;
     checkedAssetAmount: CheckedAssetAmount;
     finalEstimation: FunkitCheckoutQuoteResult;

package/dist/domains/relay.d.ts

@@ -2,10 +2,15 @@ import type { RelayQuote } from '@funkit/fun-relay';
 export declare const KATANA_BRIDGE_ALERT_THRESHOLD_PERCENT = 0.5;
 export declare function extractRelayFeeInfo(relayQuote: RelayQuote['metadata']['relayQuote']): {
     gasUsd: number;
+    fillCostUsd: number;
+    fillCostPercent: number;
     chainName: string | undefined;
+    totalImpactUsd: number;
     totalImpact: number;
     swapImpact: number;
+    swapImpactUsd: number;
     appFeePercent: number;
+    appFeeUsd: number;
     maxSlippage: number;
     minReceived: number;
 };

package/dist/domains/wallet.d.ts

@@ -25,5 +25,5 @@ type RecommendedAsset = {
     chainSymbolKey: string;
     label: string | null;
 };
-export declare const getRecommendedAsset: (apiKey: string, checkoutItem: FunkitActiveCheckoutItem, accountHoldings: KnownAssetHoldingsItem[]) => RecommendedAsset | null;
+export declare const getRecommendedAsset: (checkoutItem: FunkitActiveCheckoutItem, accountHoldings: KnownAssetHoldingsItem[]) => RecommendedAsset | null;
 export {};

package/dist/hooks/queries/useWithdrawalQuote.d.ts

@@ -1,18 +1,17 @@
 import { type Address } from 'viem';
 import type { WithdrawalClient } from '~/wallets/Wallet';
 interface CheckoutQuoteParams {
-    recipientAddress: Address;
+    recipientAddress: string;
     sourceAmount: number;
     chainId: string;
     symbol: string;
     targetAsset: Address | undefined;
-    targetAssetAmount: number | undefined;
     withdrawalClient: WithdrawalClient;
 }
 /**
  * Simplified quoting logic used for withdrawal UI only.
  */
-export declare function useWithdrawalQuote({ recipientAddress, sourceAmount, chainId, symbol, targetAsset, targetAssetAmount, withdrawalClient, }: CheckoutQuoteParams): {
+export declare function useWithdrawalQuote({ recipientAddress, sourceAmount, chainId, symbol, targetAsset, withdrawalClient, }: CheckoutQuoteParams): {
     quoteEnabled: boolean;
     data: {
         baseQuote: import("@funkit/utils").CheckoutQuoteResponse;

package/dist/hooks/useCheckoutDirectExecution.d.ts

@@ -1,25 +1,36 @@
 import { DirectExecutionType } from '@funkit/api-base';
-import { type CheckoutQuoteResponse } from '@funkit/utils';
+import type { CheckoutQuoteResponse } from '@funkit/utils';
 import type { Address, Hex } from 'viem';
-import { PaymentMethod } from '~/domains/paymentMethods';
 import type { FunkitCheckoutQuoteResult } from '~/domains/quote';
-import type { FunkitActiveCheckoutItem, FunkitCheckoutActionParams, FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
-interface DirectExecutionQuoteRequestParams {
+import type { FunkitActiveCheckoutItem, FunkitCheckoutActionParams } from '~/providers/FunkitCheckoutContext';
+import type { WithdrawalClient } from '~/wallets/Wallet';
+interface DirectExecutionQuoteRequestParamsBase {
     actionParams: FunkitCheckoutActionParams[];
     toChainId: string;
     toTokenAddress: Address;
-    toTokenAmount: number;
-    toTokenDecimals: number;
     fromChainId: string;
     fromTokenAddress: Address;
     recipientAddress: Address;
     senderAddress?: Address;
+    isExactIn?: boolean;
+}
+interface RegularDEQuoteRequest extends DirectExecutionQuoteRequestParamsBase {
+    toTokenAmount: number;
+    toTokenDecimals: number;
+    isExactIn?: false;
+}
+interface WithdrawalDEQuoteRequest extends DirectExecutionQuoteRequestParamsBase {
+    fromTokenAmount: number;
+    isExactIn: true;
+    fromTokenDecimals: number;
 }
+type DirectExecutionQuoteRequestParams = RegularDEQuoteRequest | WithdrawalDEQuoteRequest;
 interface DirectExecutionStartParams {
     checkoutItem: FunkitActiveCheckoutItem;
     stepMessageSetter: (m: string) => void;
     actionsParams: FunkitCheckoutActionParams[];
     latestQuote: FunkitCheckoutQuoteResult;
+    withdrawalClient?: WithdrawalClient;
 }
 export interface FunkitDirectExecutionInfo {
     isDirectExecution: boolean;
@@ -31,14 +42,5 @@ interface UseCheckoutDirectExecutionReturn {
     getDirectExecutionInfo: (checkoutItem: FunkitActiveCheckoutItem | null) => FunkitDirectExecutionInfo;
     getWithdrawalDirectExecution: () => FunkitDirectExecutionInfo;
 }
-export declare function isVertexDirectExecution({ apiKey, config, paymentMethod, sourceAsset, sourceChain, targetAsset, targetChain, }: {
-    apiKey: string;
-    config: FunkitCheckoutConfig;
-    paymentMethod: PaymentMethod | undefined;
-    sourceAsset: string;
-    sourceChain: string;
-    targetAsset?: string;
-    targetChain?: string;
-}): boolean;
 export declare function useCheckoutDirectExecution(): UseCheckoutDirectExecutionReturn;
 export {};

package/dist/hooks/useCheckoutTimeEstimate.d.ts

@@ -2,6 +2,9 @@ import { PaymentMethod } from '~/domains/paymentMethods';
 /**
  * https://linear.app/funxyz/issue/ENG-1154/update-dydx-and-polymarkets-time-estimate
  * https://linear.app/funxyz/issue/PE-775/sdkconnectwith-next-pm-requests
+ * @param originalTimeEstimationMs time estimation in milliseconds
+ * @param paymentMethod payment method
+ * @param bypassFlag whether to ignore flag value and return the original time estimation fallback even if flag is defined
  * @returns time estimation in seconds
  */
 export declare function useCheckoutTimeEstimate(originalTimeEstimationMs: number | undefined, paymentMethod?: PaymentMethod, //TODO: questionable

package/dist/index.css

@@ -8411,6 +8411,77 @@
   z-index: -1;
 }
 
+/* vanilla-extract-css-ns:src/components/FunCountdown/FunCountdown.css.ts.vanilla.css?source=Ll8xdDBiYzExMSB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGxlZnQ6IDA7CiAgdG9wOiAwOwogIGJvdHRvbTogMDsKICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpOwp9Ci5fMXQwYmMxMTMgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBsZWZ0OiAwOwogIHRvcDogMDsKICBib3R0b206IDA7CiAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTsKfQ== */
+[data-rk] ._1t0bc111 {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  transform: rotate(-90deg);
+}
+[data-rk] ._1t0bc113 {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  transform: rotate(-90deg);
+}
+
+/* vanilla-extract-css-ns:src/components/FunSkeletonLoader/FunSkeletonLoader.css.ts.vanilla.css?source=QGtleWZyYW1lcyBkajB4NjAwIHsKICAwJSB7CiAgICBvcGFjaXR5OiAxOwogIH0KICAxMDAlIHsKICAgIG9wYWNpdHk6IDAuNTsKICB9Cn0KLmRqMHg2MDIgewogIGFuaW1hdGlvbi1kaXJlY3Rpb246IGFsdGVybmF0ZTsKICBhbmltYXRpb24tZHVyYXRpb246IDcwMG1zOwogIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjsKICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTsKICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkczsKICBhbmltYXRpb24tbmFtZTogZGoweDYwMDsKfQouZGoweDYwMyB7CiAgZmxleDogMCAwIGF1dG87Cn0= */
+@keyframes dj0x600 {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.5;
+  }
+}
+[data-rk] .dj0x602 {
+  animation-direction: alternate;
+  animation-duration: 700ms;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-fill-mode: forwards;
+  animation-name: dj0x600;
+}
+[data-rk] .dj0x603 {
+  flex: 0 0 auto;
+}
+
+/* vanilla-extract-css-ns:src/components/FunCheckoutHistory/FunCheckoutStatus.css.ts.vanilla.css?source=Ll8xMDFhdWptMCB7CiAgbWFyZ2luLXRvcDogLTYwcHg7CiAgbWFyZ2luLWJvdHRvbTogLTYwcHg7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGhlaWdodDogMTk2cHg7CiAgd2lkdGg6IDEwMCU7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGJhY2tncm91bmQ6IHJhZGlhbC1ncmFkaWVudChlbGxpcHNlIGNsb3Nlc3Qtc2lkZSwgcmdiYSgyMTEsMjExLDIxMSwwLjE4KSAwJSwgcmdiYSgxNzYsMTc2LDE3NiwwLjA0KSA4MCUsIHRyYW5zcGFyZW50KTsKfQouXzEwMWF1am0xIHsKICBtYXJnaW4tdG9wOiAtNjBweDsKICBtYXJnaW4tYm90dG9tOiAtNjBweDsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgaGVpZ2h0OiAxOTZweDsKICB3aWR0aDogMTAwJTsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLl8xMDFhdWptMiB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHRvcDogMDsKICBsZWZ0OiBhdXRvOwogIHJpZ2h0OiBhdXRvOwp9 */
+[data-rk] ._101aujm0 {
+  margin-top: -60px;
+  margin-bottom: -60px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 196px;
+  width: 100%;
+  position: relative;
+  background:
+    radial-gradient(
+      ellipse closest-side,
+      rgba(211, 211, 211, 0.18) 0%,
+      rgba(176, 176, 176, 0.04) 80%,
+      transparent);
+}
+[data-rk] ._101aujm1 {
+  margin-top: -60px;
+  margin-bottom: -60px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 196px;
+  width: 100%;
+  position: relative;
+}
+[data-rk] ._101aujm2 {
+  position: absolute;
+  top: 0;
+  left: auto;
+  right: auto;
+}
+
 /* vanilla-extract-css-ns:src/components/FunButton/FunButton.css.ts.vanilla.css?source=Ll8xdHl4NW51MCB7CiAgdHJhbnNpdGlvbjogYWxsIDE1MG1zIGN1YmljLWJlemllcigwLjMsIDAsIDAuMDYsIDEpOwp9Ci5fMXR5eDVudTE6YWN0aXZlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDAuOTgpOwp9Ci5fMXR5eDVudTMgewogIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IHVuZGVybGluZTsKICB0cmFuc2l0aW9uOiBhbGwgMTUwbXMgY3ViaWMtYmV6aWVyKDAuMywgMCwgMC4wNiwgMSk7Cn0KLl8xdHl4NW51Mzpob3ZlciB7CiAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiBpbmhlcml0Owp9Ci5fMXR5eDVudTM6Zm9jdXMtdmlzaWJsZSB7CiAgb3V0bGluZS1jb2xvcjogdmFyKC0tcmstY29sb3JzLXNlY29uZGFyeVRleHQpOwp9Ci5fMXR5eDVudTUgewogIHRleHQtZGVjb3JhdGlvbi1saW5lOiB1bmRlcmxpbmU7Cn0KLl8xdHl4NW51NTpmb2N1cy12aXNpYmxlIHsKICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1yay1jb2xvcnMtc2Vjb25kYXJ5VGV4dCk7Cn0KLl8xdHl4NW51NiB7CiAgY3Vyc29yOiBwb2ludGVyOwp9Ci5fMXR5eDVudTY6Zm9jdXMtdmlzaWJsZSB7CiAgb3V0bGluZTogdmFyKC0tcmstY29sb3JzLWJ1dHRvbkZvY3VzZWRPdXRsaW5lKTsKfQouXzF0eXg1bnU3IHsKICBjdXJzb3I6IGRlZmF1bHQ7Cn0KLl8xdHl4NW51OCB7CiAgY3Vyc29yOiBub3QtYWxsb3dlZDsKfQ== */
 [data-rk] ._1tyx5nu0 {
   transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
@@ -8491,27 +8562,6 @@
   transform: translate(calc(-100% - 18px), 100%);
 }
 
-/* vanilla-extract-css-ns:src/components/FunSkeletonLoader/FunSkeletonLoader.css.ts.vanilla.css?source=QGtleWZyYW1lcyBkajB4NjAwIHsKICAwJSB7CiAgICBvcGFjaXR5OiAxOwogIH0KICAxMDAlIHsKICAgIG9wYWNpdHk6IDAuNTsKICB9Cn0KLmRqMHg2MDIgewogIGFuaW1hdGlvbi1kaXJlY3Rpb246IGFsdGVybmF0ZTsKICBhbmltYXRpb24tZHVyYXRpb246IDcwMG1zOwogIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjsKICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTsKICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkczsKICBhbmltYXRpb24tbmFtZTogZGoweDYwMDsKfQouZGoweDYwMyB7CiAgZmxleDogMCAwIGF1dG87Cn0= */
-@keyframes dj0x600 {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0.5;
-  }
-}
-[data-rk] .dj0x602 {
-  animation-direction: alternate;
-  animation-duration: 700ms;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-  animation-fill-mode: forwards;
-  animation-name: dj0x600;
-}
-[data-rk] .dj0x603 {
-  flex: 0 0 auto;
-}
-
 /* vanilla-extract-css-ns:src/components/FunInput/FunInput.css.ts.vanilla.css?source=Lnp1ZTBpNjAgewogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKfQouenVlMGk2MTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbiwgLnp1ZTBpNjE6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24gewogIG1hcmdpbjogMDsKICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7Cn0KLnp1ZTBpNjFbdHlwZT1udW1iZXJdIHsKICAtbW96LWFwcGVhcmFuY2U6IG5vbmU7Cn0KLnp1ZTBpNjMgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGJvcmRlcjogbm9uZTsKICBvdXRsaW5lOiBub25lOwogIHdpZHRoOiAxMDAlOwogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKfQouenVlMGk2Mzo6cGxhY2Vob2xkZXIgewogIGNvbG9yOiB2YXIoLS1yay1jb2xvcnMtc2Vjb25kYXJ5VGV4dCk7Cn0KLnp1ZTBpNjUgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGJvcmRlcjogbm9uZTsKICBvdXRsaW5lOiBub25lOwogIHdpZHRoOiAxMDAlOwogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKICBvcGFjaXR5OiAwLjU7Cn0KLnp1ZTBpNjU6OnBsYWNlaG9sZGVyIHsKICBjb2xvcjogdmFyKC0tcmstY29sb3JzLWFjdGlvbkNvbG9yRGlzYWJsZWQpOwp9Ci56dWUwaTY3IHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBib3JkZXI6IG5vbmU7CiAgb3V0bGluZTogbm9uZTsKICB3aWR0aDogMTAwJTsKICB0cmFuc2l0aW9uOiBhbGwgMTUwbXMgY3ViaWMtYmV6aWVyKDAuMywgMCwgMC4wNiwgMSk7Cn0KLnp1ZTBpNjc6OnBsYWNlaG9sZGVyIHsKICBjb2xvcjogdmFyKC0tcmstY29sb3JzLXNlY29uZGFyeVRleHQpOwp9 */
 [data-rk] .zue0i60 {
   transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
@@ -8619,13 +8669,13 @@
   opacity: 0.5;
 }
 
-/* vanilla-extract-css-ns:src/components/FunBadge/FunBadge.css.ts.vanilla.css?source=QGtleWZyYW1lcyBiYzJ1enkwIHsKICAwJSB7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpOwogIH0KICAzNSUsIDEwMCUgewogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpOwogIH0KfQouYmMydXp5MSB7CiAgZGlzcGxheTogZmxleDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIHdpZHRoOiBmaXQtY29udGVudDsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwp9Ci5iYzJ1enkyIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKfQouYmMydXp5Mjo6YmVmb3JlIHsKICBjb250ZW50OiAiIjsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgaW5zZXQ6IDA7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHRyYW5zcGFyZW50IDMwJSwgd2hpdGUgNDUlLCB3aGl0ZSA1NSUsIHRyYW5zcGFyZW50IDcwJSk7CiAgb3BhY2l0eTogMC43OwogIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7CiAgZmlsdGVyOiBibHVyKDNweCk7CiAgYW5pbWF0aW9uOiBiYzJ1enkwIDNzIGxpbmVhciBpbmZpbml0ZSAuNXM7Cn0= */
+/* vanilla-extract-css-ns:src/components/FunBadge/FunBadge.css.ts.vanilla.css?source=QGtleWZyYW1lcyBiYzJ1enkwIHsKICAwJSB7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTIwMCUpOwogIH0KICAzNSUsIDEwMCUgewogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDIwMCUpOwogIH0KfQouYmMydXp5MSB7CiAgZGlzcGxheTogZmxleDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIHdpZHRoOiBmaXQtY29udGVudDsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwp9Ci5iYzJ1enkyIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKfQouYmMydXp5Mjo6YmVmb3JlIHsKICBjb250ZW50OiAiIjsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgaW5zZXQ6IDA7CiAgZGlzcGxheTogYmxvY2s7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiAxMDAlOwogIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgdHJhbnNwYXJlbnQgMzAlLCB3aGl0ZSA0NSUsIHdoaXRlIDU1JSwgdHJhbnNwYXJlbnQgNzAlKSBuby1yZXBlYXQ7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0yMDAlKTsKICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTsKICBvcGFjaXR5OiAwLjk7CiAgZmlsdGVyOiBibHVyKDJweCk7CiAgYW5pbWF0aW9uOiBiYzJ1enkwIDVzIGxpbmVhciBpbmZpbml0ZSAxczsKICBtaXgtYmxlbmQtbW9kZTogc29mdC1saWdodDsKfQ== */
 @keyframes bc2uzy0 {
   0% {
-    transform: translateX(-100%);
+    transform: translateX(-200%);
   }
   35%, 100% {
-    transform: translateX(100%);
+    transform: translateX(200%);
   }
 }
 [data-rk] .bc2uzy1 {
@@ -8644,18 +8694,22 @@
   content: "";
   position: absolute;
   inset: 0;
-  overflow: hidden;
+  display: block;
+  width: 100%;
+  height: 100%;
   background:
     linear-gradient(
       90deg,
       transparent 30%,
       white 45%,
       white 55%,
-      transparent 70%);
-  opacity: 0.7;
-  transform: translateX(-100%);
-  filter: blur(3px);
-  animation: bc2uzy0 3s linear infinite .5s;
+      transparent 70%) no-repeat;
+  transform: translateX(-200%);
+  background-size: 200% 100%;
+  opacity: 0.9;
+  filter: blur(2px);
+  animation: bc2uzy0 5s linear infinite 1s;
+  mix-blend-mode: soft-light;
 }
 
 /* vanilla-extract-css-ns:src/components/FunInfoBanner/InfoBanner.css.ts.vanilla.css?source=LnZ5ZWRpeDAgewogICYgPiBhIHsKICAgIGNvbG9yOiB2YXIoLS1yay1jb2xvcnMtcHJpbWFyeVRleHQpOwogIH0KICAmID4gYTpmb2N1cy12aXNpYmxlIHsKICAgIG91dGxpbmUtY29sb3I6IHZhcigtLXJrLWNvbG9ycy1zZWNvbmRhcnlUZXh0KTsKICB9Cn0KLnZ5ZWRpeDIgewogIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7CiAgZmxleC1zaHJpbms6IDA7Cn0= */
@@ -8704,56 +8758,6 @@
   opacity: 0;
 }
 
-/* vanilla-extract-css-ns:src/components/FunCountdown/FunCountdown.css.ts.vanilla.css?source=Ll8xdDBiYzExMSB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGxlZnQ6IDA7CiAgdG9wOiAwOwogIGJvdHRvbTogMDsKICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpOwp9Ci5fMXQwYmMxMTMgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBsZWZ0OiAwOwogIHRvcDogMDsKICBib3R0b206IDA7CiAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTsKfQ== */
-[data-rk] ._1t0bc111 {
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  transform: rotate(-90deg);
-}
-[data-rk] ._1t0bc113 {
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  transform: rotate(-90deg);
-}
-
-/* vanilla-extract-css-ns:src/components/FunCheckoutHistory/FunCheckoutStatus.css.ts.vanilla.css?source=Ll8xMDFhdWptMCB7CiAgbWFyZ2luLXRvcDogLTYwcHg7CiAgbWFyZ2luLWJvdHRvbTogLTYwcHg7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGhlaWdodDogMTk2cHg7CiAgd2lkdGg6IDEwMCU7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGJhY2tncm91bmQ6IHJhZGlhbC1ncmFkaWVudChlbGxpcHNlIGNsb3Nlc3Qtc2lkZSwgcmdiYSgyMTEsMjExLDIxMSwwLjE4KSAwJSwgcmdiYSgxNzYsMTc2LDE3NiwwLjA0KSA4MCUsIHRyYW5zcGFyZW50KTsKfQouXzEwMWF1am0xIHsKICBtYXJnaW4tdG9wOiAtNjBweDsKICBtYXJnaW4tYm90dG9tOiAtNjBweDsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgaGVpZ2h0OiAxOTZweDsKICB3aWR0aDogMTAwJTsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLl8xMDFhdWptMiB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHRvcDogMDsKICBsZWZ0OiBhdXRvOwogIHJpZ2h0OiBhdXRvOwp9 */
-[data-rk] ._101aujm0 {
-  margin-top: -60px;
-  margin-bottom: -60px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 196px;
-  width: 100%;
-  position: relative;
-  background:
-    radial-gradient(
-      ellipse closest-side,
-      rgba(211, 211, 211, 0.18) 0%,
-      rgba(176, 176, 176, 0.04) 80%,
-      transparent);
-}
-[data-rk] ._101aujm1 {
-  margin-top: -60px;
-  margin-bottom: -60px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 196px;
-  width: 100%;
-  position: relative;
-}
-[data-rk] ._101aujm2 {
-  position: absolute;
-  top: 0;
-  left: auto;
-  right: auto;
-}
-
 /* vanilla-extract-css-ns:src/components/FunSelectBrokerage/FunBrokerageItem.css.ts.vanilla.css?source=LmFuMzR5OTAgewogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleDogMTsKfQ== */
 [data-rk] .an34y90 {
   display: flex;
@@ -8944,6 +8948,152 @@
   overflow-x: hidden;
 }
 
+/* vanilla-extract-css-ns:src/components/CopyAddress/CopyInputDisplayedAddress.css.ts.vanilla.css?source=#H4sIAAAAAAAAE81WXavbOBB9v79iKFxIwDJyUqe97ktp90e0+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== */
+@keyframes _1kbzei9e {
+  0% {
+    transform-origin: 50% 0%;
+    transform: translateY(0) rotateX(0deg) scale(1);
+    opacity: 1;
+  }
+  15% {
+    opacity: 1;
+  }
+  60% {
+    opacity: 0.4;
+    filter: blur(2px);
+  }
+  100% {
+    transform-origin: 50% 0%;
+    transform: translateY(60%) rotateX(-30deg) scale(.6);
+    opacity: 0;
+    filter: blur(6px);
+  }
+}
+@keyframes _1kbzei9f {
+  0%, 15% {
+    transform-origin: 50% 100%;
+    transform: translateY(-60%) rotateX(30deg) scale(.6);
+    opacity: 0;
+  }
+  80% {
+    opacity: 1;
+  }
+  100% {
+    transform-origin: 50% 100%;
+    transform: translateY(0) rotateX(0deg) scale(1);
+    opacity: 1;
+  }
+}
+[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);
+  transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
+}
+[data-rk] ._1kbzei94 {
+  --check-icon-delay: .15s;
+  --check-icon-dash-offset: 100;
+  --check-icon-offset-delay: 0s;
+  position: relative;
+  width: 16px;
+  height: 16px;
+  display: grid;
+  place-items: center;
+}
+[data-rk] ._1kbzei94::before {
+  content: "";
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 9px;
+  height: 9px;
+  border-radius: 2px;
+  box-shadow: inset 0 0 0 1.5px currentColor;
+  transition:
+    transform .25s,
+    width .25s,
+    height .25s,
+    border-radius .25s;
+  transition-delay: var(--check-icon-delay);
+  transition-timing-function: cubic-bezier(0.25, 0.00, 0.50, 1.00);
+}
+[data-rk] ._1kbzei94::after {
+  content: "";
+  position: absolute;
+  right: 2px;
+  bottom: 2px;
+  width: 9px;
+  height: 9px;
+  border-radius: 2px;
+  box-shadow: inset 0 0 0 1.5px currentColor;
+  clip-path: polygon(6px 0, 100% 0, 100% 100%, 0 100%, 0 6px, 6px 6px);
+  transform-origin: 100% 100%;
+  transition: transform .25s, opacity .25s;
+  transition-delay: var(--check-icon-delay);
+  transition-timing-function: cubic-bezier(0.25, 0.00, 0.50, 1.00);
+}
+[data-rk] ._1kbzei95 {
+  transform: scale(.6);
+}
+[data-rk] ._1kbzei95 path {
+  stroke-dashoffset: var(--check-icon-dash-offset, 100);
+  stroke-dasharray:
+    100,
+    100,
+    100;
+  stroke-width: 2.5;
+  transition: stroke-dashoffset .3s cubic-bezier(0.25, 0.00, 0.50, 1.00);
+  transition-delay: var(--check-icon-offset-delay);
+}
+[data-rk] ._1kbzei96 {
+  --check-icon-dash-offset: 200;
+  --check-icon-delay: 0s;
+  --check-icon-offset-delay: .2s;
+}
+[data-rk] ._1kbzei96::before {
+  width: 13.5px;
+  height: 13.5px;
+  border-radius: 7px;
+  transform: translate(-.75px, -.75px);
+}
+[data-rk] ._1kbzei96::after {
+  transform: scale(0);
+  opacity: 0;
+}
+[data-rk] ._1kbzei98 {
+  transition: transform .25s cubic-bezier(0.35, 0.00, 0.00, 1.00);
+  transform: translateZ(0);
+}
+[data-rk] ._1kbzei99 {
+  transform: translateX(20px) translateZ(0);
+}
+[data-rk] ._1kbzei9a {
+  position: relative;
+  display: inline-flex;
+}
+[data-rk] ._1kbzei9b {
+  position: relative;
+  perspective: 100px;
+  transform-style: preserve-3d;
+}
+[data-rk] ._1kbzei9c {
+  display: inline-block;
+  animation-name: var(--animation-name, none);
+  animation-delay: var(--animation-delay, 0s);
+  animation-duration: 0.25s;
+  animation-timing-function: cubic-bezier(0.25, 0.00, 0.50, 1.00);
+  animation-fill-mode: forwards;
+  opacity: var(--animation-opacity, 1);
+}
+[data-rk] ._1kbzei9d {
+  transform: translateY(-60%) rotateX(30deg) scale(.6);
+  transform-origin: 50% 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: var(--animation-opacity, 0);
+}
+
 /* vanilla-extract-css-ns:src/components/FunPayments/FunPaymentMoonpayType.css.ts.vanilla.css?source=Ll8xa21wZXlmMCB7CiAgaGVpZ2h0OiB1bnNldCAhaW1wb3J0YW50OwogIHdpZHRoOiB1bnNldCAhaW1wb3J0YW50OwogIGZsZXg6IDEgIWltcG9ydGFudDsKfQouXzFrbXBleWYwIGlmcmFtZSB7CiAgYm9yZGVyOiBub25lOwp9Ci5fMWttcGV5ZjEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleDogMTsKfQ== */
 [data-rk] ._1kmpeyf0 {
   height: unset !important;
@@ -8958,14 +9108,6 @@
   flex: 1;
 }
 
-/* vanilla-extract-css-ns:src/components/CopyAddress/CopyInputDisplayedAddress.css.ts.vanilla.css?source=Ll8xa2J6ZWk5MyB7CiAgb3V0bGluZS1jb2xvcjogdmFyKC0tcmstY29sb3JzLWFjdGlvbkNvbG9yRGlzYWJsZWQpOwogIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IHZhcigtLXJrLXJhZGlpLWNvbm5lY3RCdXR0b24pOwogIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiB2YXIoLS1yay1yYWRpaS1jb25uZWN0QnV0dG9uKTsKICB0cmFuc2l0aW9uOiBhbGwgMTUwbXMgY3ViaWMtYmV6aWVyKDAuMywgMCwgMC4wNiwgMSk7Cn0= */
-[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);
-  transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
-}
-
 /* vanilla-extract-css-ns:src/components/FunFeatureList/FunFeatureList.css.ts.vanilla.css?source=Ll8xMDQ1cXI3MSB7CiAgb3V0bGluZS1jb2xvcjogdmFyKC0tcmstY29sb3JzLWFjdGlvbkNvbG9yRGlzYWJsZWQpOwogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKfQ== */
 [data-rk] ._1045qr71 {
   outline-color: var(--rk-colors-actionColorDisabled);