@funkit/connect 5.5.13-next.1 → 5.5.13-next.3

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @funkit/connect
 
+## 5.5.13-next.3
+
+### Patch Changes
+
+- b0f4092: feat: direct execution notification center
+- 76158e3: feat(connect): show empty UI when withdrawal amount is empty
+- 7752acf: remove unused hacky code
+- 19260d7: add meld supported currency in check
+- 7c584f2: do not use alias in external typing file
+- Updated dependencies [19260d7]
+  - @funkit/utils@1.1.4-next.1
+  - @funkit/api-base@1.9.5-next.2
+  - @funkit/core@2.3.27-next.2
+  - @funkit/wagmi-tools@3.0.49-next.2
+
+## 5.5.13-next.2
+
+### Patch Changes
+
+- 17e47e1: move withdrawSourceBalance to top level config
+- df1b830: chore: deprecate dydx fee handling
+- 9ce2ee3: chore(connect): add meld util tests
+
 ## 5.5.13-next.1
 
 ### Patch Changes

package/dist/components/Dialog/Dialog.d.ts

@@ -24,7 +24,7 @@ interface DialogProps {
  */
 export declare function Dialog({ children, onClose, onAnimationComplete, open, titleId, isHidden, isSmartCloseable, withoutSidePadding, withoutBottomPadding, withTransition, }: DialogProps): React.ReactPortal | null;
 export declare namespace Dialog {
-    var Title: ({ title, titleMeta, hasCloseButton: hasCloseButtonProp, isCloseDisabled, onClose, hasBackButton: hasBackButtonProp, helpButtonUrl, isBackDisabled, onBack, dydxHideBack, className, }: DialogTitleProps) => React.JSX.Element;
+    var Title: ({ title, titleMeta, hasCloseButton: hasCloseButtonProp, isCloseDisabled, onClose, hasBackButton: hasBackButtonProp, helpButtonUrl, isBackDisabled, onBack, className, }: DialogTitleProps) => React.JSX.Element;
     var Content: ({ children, fullHeight, paddingLeft, paddingBottom, paddingTop, className, withTopDivider, withBottomDivider, id, withoutInternalPadding, ...boxProps }: DialogContentProps) => React.JSX.Element;
     var BottomSection: ({ paddingX, children, ...boxProps }: BoxProps) => React.JSX.Element;
     var BottomBar: ({ topSection, actionButtonProps, bottomSection, onClose, }: import("../FunBottomBar/FunBottomBar").FunBottomBarProps) => React.JSX.Element;
@@ -50,6 +50,5 @@ export interface DialogTitleProps {
     helpButtonUrl?: string;
     isBackDisabled?: boolean;
     onBack?: () => void;
-    dydxHideBack?: boolean;
     className?: string;
 }

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

@@ -0,0 +1,2 @@
+export declare const badgeStyle: string;
+export declare const badgeShineStyle: string;

package/dist/components/FunBadge/FunBadge.d.ts

@@ -1,8 +1,8 @@
-import React, { type CSSProperties } from 'react';
+import React, { type CSSProperties, type ReactNode } from 'react';
 import { type BoxProps } from '../Box/Box';
 import { type TextProps } from '../Text/Text';
 interface FunBadgeProps {
-    children: React.ReactNode;
+    children: ReactNode;
     paddingLeft?: BoxProps['paddingLeft'];
     paddingRight?: BoxProps['paddingRight'];
     paddingX?: BoxProps['paddingX'];
@@ -15,8 +15,9 @@ interface FunBadgeProps {
     iconSrc?: string;
     shadow?: string;
     textTransform?: CSSProperties['textTransform'];
+    hasShine?: boolean;
 }
-export declare function FunBadge({ children, background, color, weight, paddingLeft, paddingRight, paddingY, paddingX, borderRadius, borderColor, shadow, textTransform, iconSrc, }: FunBadgeProps): React.JSX.Element;
+export declare function FunBadge({ children, background, color, weight, paddingLeft, paddingRight, paddingY, paddingX, borderRadius, borderColor, shadow, textTransform, iconSrc, hasShine, }: FunBadgeProps): React.JSX.Element;
 interface NewTokenBadgeProps {
     iconSymbol?: string;
 }

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

@@ -1,11 +1,14 @@
 import React from 'react';
 import type { CheckoutFees } from '~/domains/fees';
 import type { FunkitCheckoutQuoteResult } from '~/domains/quote';
+export declare const NO_DATA_VALUE = "-";
 interface PaymentFeesSummaryProps {
     isLoading: boolean;
     quote: FunkitCheckoutQuoteResult | null | undefined;
     /** If set and quote is missing, display fees based on this data  */
     fallbackFees?: CheckoutFees;
+    /** If set, displays a `-` instead of the values, the breakdown is not expandable */
+    valuesNotAvailable?: boolean;
 }
-export declare function PaymentFeesSummary({ isLoading, quote, fallbackFees, }: PaymentFeesSummaryProps): React.JSX.Element;
+export declare function PaymentFeesSummary({ isLoading, quote, fallbackFees, valuesNotAvailable, }: PaymentFeesSummaryProps): React.JSX.Element;
 export {};

package/dist/components/Icons/New/InfoIcon.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 interface InfoIconProps {
     filled?: boolean;
+    size?: number;
 }
-export declare const InfoIcon: ({ filled }: InfoIconProps) => React.JSX.Element;
+export declare const InfoIcon: ({ filled, size }: InfoIconProps) => React.JSX.Element;
 export {};

package/dist/domains/meld.d.ts

@@ -0,0 +1,19 @@
+import { type MeldQuote } from '@funkit/api-base';
+/**
+ * Auto-pick the best quote for the user.
+ * 1. Pick the quote with the highest customerScore, at least >= 30
+ * 2. If no quote has customerScore >= 30, pick either Coinbase or Binance
+ *    2a. If both are available, pick the one with the highest destinationAmount
+ *    2b. If only one is available, pick it
+ * 3. If no quote has customerScore >= 30 and no Coinbase or Binance is available, pick the quote with the highest destinationAmount
+ * @param quotes - the quotes to pick from
+ * @returns the best quote based on the criteria
+ */
+export declare function autoPickBestQuote(quotes: MeldQuote[]): MeldQuote | undefined;
+/**
+ * Check if the quote is the best price quote.
+ * @param sourceQuotes - the quotes to check
+ * @param targetQuote - the quote to check
+ * @returns true if the quote is the best price quote, false otherwise
+ */
+export declare function isBestPriceQuote(sourceQuotes: MeldQuote[] | undefined, targetQuote: MeldQuote | undefined): boolean;

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

@@ -1 +1,2 @@
-export declare function useMeldCryptoCurrencyCode(): string;
+export declare function useMeldCryptoCurrencyCode(): string | null;
+export declare function useIsMeldEnabled(): boolean;

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

@@ -12,9 +12,227 @@ interface CheckoutQuoteParams {
 /**
  * Simplified quoting logic used for withdrawal UI only.
  */
-export declare function useWithdrawalQuote({ recipientAddress, sourceAmount, chainId, symbol, targetAsset, targetAssetAmount, withdrawalClient, }: CheckoutQuoteParams): import("@tanstack/react-query").UseQueryResult<{
-    baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
-    checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
-    finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
-} | null, Error>;
+export declare function useWithdrawalQuote({ recipientAddress, sourceAmount, chainId, symbol, targetAsset, targetAssetAmount, withdrawalClient, }: CheckoutQuoteParams): {
+    quoteEnabled: boolean;
+    data: {
+        baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
+        checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
+        finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
+    } | null;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<{
+        baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
+        checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
+        finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
+    } | null, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<{
+        baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
+        checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
+        finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
+    } | null>;
+} | {
+    quoteEnabled: boolean;
+    data: {
+        baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
+        checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
+        finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
+    } | null;
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: false;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<{
+        baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
+        checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
+        finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
+    } | null, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<{
+        baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
+        checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
+        finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
+    } | null>;
+} | {
+    quoteEnabled: boolean;
+    data: undefined;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<{
+        baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
+        checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
+        finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
+    } | null, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<{
+        baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
+        checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
+        finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
+    } | null>;
+} | {
+    quoteEnabled: boolean;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<{
+        baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
+        checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
+        finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
+    } | null, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<{
+        baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
+        checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
+        finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
+    } | null>;
+} | {
+    quoteEnabled: boolean;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<{
+        baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
+        checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
+        finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
+    } | null, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<{
+        baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
+        checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
+        finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
+    } | null>;
+} | {
+    quoteEnabled: boolean;
+    data: {
+        baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
+        checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
+        finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
+    } | null;
+    isError: false;
+    error: null;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<{
+        baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
+        checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
+        finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
+    } | null, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<{
+        baseQuote: import("@funkit/utils").CheckoutQuoteResponse;
+        checkedAssetAmount: import("~/domains/quote").CheckedAssetAmount;
+        finalEstimation: import("~/domains/quote").FunkitCheckoutQuoteResult;
+    } | null>;
+};
 export {};

package/dist/hooks/usePaymentSources.d.ts

@@ -9,6 +9,6 @@ export declare function usePaymentMethodEnablement({ checkoutConfig, }: {
     isCardEnabled: boolean;
 };
 export declare const usePaymentSources: (paymentMethodInfo: ConnectablePaymentMethodInfo | null, targetChainId: string, checkoutConfig?: FunkitCheckoutConfig) => {
-    preferred: (import("~/domains/paymentMethods").PaymentMethodBrokerageInfo | import("~/domains/paymentMethods").PaymentMethodAccountInfo | import("~/domains/paymentMethods").PaymentMethodVirtualBankInfo)[] | PaymentMethod[];
+    preferred: PaymentMethod[] | (import("~/domains/paymentMethods").PaymentMethodBrokerageInfo | import("~/domains/paymentMethods").PaymentMethodAccountInfo | import("~/domains/paymentMethods").PaymentMethodVirtualBankInfo)[];
     moreSources: PaymentMethod[];
 };

package/dist/index.css

@@ -8170,7 +8170,7 @@
   }
 }
 
-/* vanilla-extract-css-ns:src/components/Dialog/DialogContent.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7WVz46bMBDG7/sUlnpJDo5YEnaz5FL1GXqvBnsIVoyN7CGQVnn3ij9LgSQqUdVT5Il/3wz2N+PNj9fiJ+3C7Sv79cJYDjXPUB0zilkURkV96IOVkpTF7DUIzlUT69e7KGj2XF82g06cgV99kRdZ8wIuORrivlIkMnTrmxxv79F9nuwJDScHxqfoeAFHvKX34QM6VUBcIoHSz6LCmlS5HEhZ8yxbKcqkgwo0T7WtlpBht0eZzxPe7oPu1KfrEbJ9Htm1SAFSKnPkrismOIxiGtMuNKKiCZVYIpvP97zPi1FGkQI9KkeAFqvWOIyzbVDU68P8WAJ/zqayT7loHzT4Qs1lzrqj+BE9UFzgtkVyHy1nz+ga9/A6ZpmSEs1hHL3EDEqyTcwLZ7VOwPFjSYQuZp4g0Tj9r7+F0nikabo45hUmJ0XNaYhTmz0BcTo6WxrJhdXWxewMbsW5O3Vrz3MrQX8btq0faQ4VtLpS+ULDZahjcMdbZ93/kJdTVuZJ91XWSXTcgVSlH0k3AdUpr5dVQehIgbt8x5qmJcBfSvi3D3ysHmeNNxbm8CiskXfrT6b3lGpsL6b55VI5FM1EjJmwusxbS34auWntqZHFZHAMo+XeBBpRsqXaxlRdLluAUHRhwSb0DMEjV4bbcmpjvMFAaxZsohky7b4w6mfmZ2P9abaRdnrTyT11m27Xp+tz3ZP9mqNU0LQmomFgJFuNBuf7276ou9GxmT7K89eWset4U9hvuvcizN+EGbq9RXfhHB0i15frbxnvsrQvCAAA */
+/* 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= */
 [data-rk] ._1pzt4231 {
   max-height: 525px;
   max-width: 100vw;
@@ -8211,10 +8211,6 @@
   width: calc(100vw - 30px);
   max-height: 80svh;
 }
-[data-rk] ._1pzt4237:has(#dydx-payment-switcher) {
-  max-height: 80vh;
-  max-height: 80svh;
-}
 [data-rk] ._1pzt4237:has(#token-transfer-page) {
   max-height: 80vh;
   max-height: 95svh;
@@ -8623,6 +8619,45 @@
   opacity: 0.5;
 }
 
+/* vanilla-extract-css-ns:src/components/FunBadge/FunBadge.css.ts.vanilla.css?source=QGtleWZyYW1lcyBiYzJ1enkwIHsKICAwJSB7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpOwogIH0KICAzNSUsIDEwMCUgewogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpOwogIH0KfQouYmMydXp5MSB7CiAgZGlzcGxheTogZmxleDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIHdpZHRoOiBmaXQtY29udGVudDsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwp9Ci5iYzJ1enkyIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKfQouYmMydXp5Mjo6YmVmb3JlIHsKICBjb250ZW50OiAiIjsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgaW5zZXQ6IDA7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHRyYW5zcGFyZW50IDMwJSwgd2hpdGUgNDUlLCB3aGl0ZSA1NSUsIHRyYW5zcGFyZW50IDcwJSk7CiAgb3BhY2l0eTogMC43OwogIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7CiAgZmlsdGVyOiBibHVyKDNweCk7CiAgYW5pbWF0aW9uOiBiYzJ1enkwIDNzIGxpbmVhciBpbmZpbml0ZSAuNXM7Cn0= */
+@keyframes bc2uzy0 {
+  0% {
+    transform: translateX(-100%);
+  }
+  35%, 100% {
+    transform: translateX(100%);
+  }
+}
+[data-rk] .bc2uzy1 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: -moz-fit-content;
+  width: fit-content;
+  white-space: nowrap;
+}
+[data-rk] .bc2uzy2 {
+  position: relative;
+  overflow: hidden;
+}
+[data-rk] .bc2uzy2::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+  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;
+}
+
 /* vanilla-extract-css-ns:src/components/FunInfoBanner/InfoBanner.css.ts.vanilla.css?source=LnZ5ZWRpeDAgewogICYgPiBhIHsKICAgIGNvbG9yOiB2YXIoLS1yay1jb2xvcnMtcHJpbWFyeVRleHQpOwogIH0KICAmID4gYTpmb2N1cy12aXNpYmxlIHsKICAgIG91dGxpbmUtY29sb3I6IHZhcigtLXJrLWNvbG9ycy1zZWNvbmRhcnlUZXh0KTsKICB9Cn0KLnZ5ZWRpeDIgewogIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7CiAgZmxleC1zaHJpbms6IDA7Cn0= */
 [data-rk] .vyedix0 {
   [data-rk] & > a {