@funkit/connect 3.4.10 → 3.5.1

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @funkit/connect
 
+## 3.5.1
+
+### Patch Changes
+
+- ec80311: fix: remove preload
+
+## 3.5.0
+
+### Minor Changes
+
+- e7f5755: refactor: remove `defaultPaymentMethod` from config
+
+### Patch Changes
+
+- 1c3d166: feat: show market maker gas costs when collapsed for dydx
+- 08e87cf: refactor: split FunkitCheckoutContext
+- 14dc95f: feat: visual adjustments to checkout history detail screen
+- bb0d514: fix: remove gas icon and token amount in filling gas
+- fc1d1f8: feat: introduce security blacklist flag
+- 543385b: feat: preload wallet assets
+- f7f44dc: fix: remove unused memoized function
+- 2ee9c68: feat: update checkout transition animation
+- 317020d: feat: formatSecondsToReadableForm changes
+- a90fb78: fix: remove isDrafting flag
+- 68bf13a: feat: improve insufficient balance asset detection
+- 40bb2d9: feat: add possibility to disable card as payment method via config
+- fc1d1f8: feat: add asset blacklist flag
+- fd8fb4b: feat: adjust display condition of summary dropdown
+- 4f07860: fix: fix zooming on Safari iOS
+- Updated dependencies [14dc95f]
+- Updated dependencies [fdcb791]
+  - @funkit/api-base@1.3.3
+  - @funkit/core@2.2.5
+  - @funkit/wagmi-tools@3.0.16
+
 ## 3.4.10
 
 ### Patch Changes

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

@@ -1,12 +1,8 @@
-import { ComplexStyleRule } from '@vanilla-extract/css';
 export declare const DialogAnimationTimeIn = 250;
 export declare const DialogAnimationTimeOut = 120;
 export declare const overlay: string;
 export declare const overlayOut: string;
 export declare const content: string;
 export declare const contentSlideOut: string;
-export declare const titleSection: ComplexStyleRule;
-export declare const animateTitleInClass: string;
-export declare const animateTitleOutClass: string;
 export declare const dydxTitle: string;
 export declare const titleContainer: string;

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

@@ -17,7 +17,7 @@ interface DialogProps {
  */
 export declare function Dialog({ children, onClose, open, titleId, isHidden, isSmartCloseable, }: DialogProps): React.JSX.Element;
 export declare namespace Dialog {
-    var Title: ({ title, titleMeta, hasCloseButton: hasCloseButtonProp, isCloseDisabled, onClose, hasBackButton: hasBackButtonProp, isBackDisabled, onBack, backAnimation, skipBackDelay, dydxHideBack, isCloseButtonHidden, }: DialogTitleProps) => React.JSX.Element;
+    var Title: ({ title, titleMeta, hasCloseButton: hasCloseButtonProp, isCloseDisabled, onClose, hasBackButton: hasBackButtonProp, isBackDisabled, onBack, backAnimation, skipBackDelay, dydxHideBack, isCloseButtonHidden, className, }: DialogTitleProps) => React.JSX.Element;
     var Content: ({ children, fullHeight, paddingLeft, paddingBottom, className, withTopDivider, withBottomDivider, id, ...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;
@@ -40,8 +40,10 @@ export interface DialogTitleProps {
     isBackDisabled?: boolean;
     onBack?: (p?: any) => void;
     skipBackDelay?: boolean;
+    /** @deprecated TODO: investigate unifying with modal navigation animation */
     backAnimation?: boolean;
     dydxHideBack?: boolean;
     /** Hides the close button, eg. when using a countdown element in its place */
     isCloseButtonHidden?: boolean;
+    className?: string;
 }

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

@@ -2,7 +2,8 @@ import React from 'react';
 interface IconProps {
     size?: number;
 }
+export declare const CompletedGradientSvg: () => React.JSX.Element;
 export declare const CompletedStatusIcon: ({ size }: IconProps) => React.JSX.Element;
-export declare const PendingStatusIcon: ({ size }: IconProps) => React.JSX.Element;
+export declare const FailedGradientSvg: () => React.JSX.Element;
 export declare const FailedStatusIcon: ({ size }: IconProps) => React.JSX.Element;
 export {};

package/dist/css/modalTransitionStyles.css.d.ts

@@ -1,7 +1,8 @@
-export declare const contentAnimationDefaults: {
-    animationDuration: string;
-    animationTimingFunction: string;
-    animationFillMode: string;
-};
 export declare const animateContentInClass: string;
 export declare const animateContentOutClass: string;
+export declare const animateCheckoutContentIn: string;
+export declare const animateCheckoutContentOut: string;
+export declare const animateCheckoutContentInReverse: string;
+export declare const animateCheckoutContentOutReverse: string;
+export declare const animateTitleInClass: string;
+export declare const animateTitleOutClass: string;

package/dist/hooks/useAnimatedNavigation.d.ts

@@ -1,11 +1,21 @@
 export declare const ANIMATION_DELAY = 75;
+interface AnimatedNavigationResponse<T> {
+    animation: AnimationState;
+    navigateTo: (page: T, params?: AnimationParams) => void;
+    animate: (callback: () => void, params?: AnimationParams) => void;
+}
 /**
  * Logic for easier animations during navigation
  * @param callback - Called when utilizing the navigateTo function. Without providing it the navigateTo function will not work
  * animate is a more generic version of navigateTo that can be used if the callback is not known during hook initialization. Or if it differs.
  */
-export declare function useAnimatedNavigation<T>(callback: ((page: T) => void) | undefined): {
-    animateOut: boolean;
-    navigateTo: (page: T) => void;
-    animate: (callback: () => void) => void;
-};
+export declare function useAnimatedNavigation<T>(callback: ((page: T) => void) | undefined): AnimatedNavigationResponse<T>;
+interface AnimationParams {
+    reverse?: boolean;
+    skip?: boolean;
+}
+export interface AnimationState {
+    isOut: boolean | undefined;
+    isReversed: boolean;
+}
+export {};

package/dist/hooks/useIsCheckoutRisky.d.ts

@@ -1,2 +1,4 @@
 import { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
-export declare const useIsCheckoutRisky: (checkoutItem: FunkitActiveCheckoutItem | null) => import("@tanstack/react-query").UseQueryResult<boolean, Error>;
+export declare const useIsCheckoutRisky: (checkoutItem: FunkitActiveCheckoutItem) => {
+    isCheckoutRisky: boolean | undefined;
+};

package/dist/hooks/useWalletAssets.d.ts

@@ -3,7 +3,7 @@ export type WalletAssets = Record<string, KnownAssetBalanceInfo>;
 /**
  * Returns wallet assets that are above the {@link ASSETS_LOW_VALUE_THRESHOLD} threshold with their total USD value.
  */
-export declare const useWalletAssets: ({ enableRefetchInterval, refetchOnMount, }: {
+export declare const useWalletAssets: ({ enableRefetchInterval, refetchOnMount, }?: {
     enableRefetchInterval?: boolean | undefined;
     refetchOnMount?: boolean | undefined;
 }) => {

package/dist/index.css

@@ -6299,7 +6299,7 @@
   --_7rkubb1: 0.9;
 }
 
-/* vanilla-extract-css-ns:src/components/Dialog/Dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAE9WU3Y6bMBCF7/MUc1MplWJkSEg2zs0+R28qB8YwXdsg22l+qrx7xU8TaJdtdm+qXoHtwznfeEY8v+BZOWnQw9fYPal0w+HHDIB/ah8AwUnrVeWMAJ9JjXMebdPPuxnAdQYQ82lh3Kuus+c/QuK/hMQPJQxQXgtJxiFVLTMKZwH8Fe/bYTztt5zwi9/y49N+2RRflHyQMP8Q4a+46yzqfdJWIy0ZGaiy4n6jScqNh+ywp4zt8ULo5jxaLoAvgEd8vYCuc/sqhMoIYAnn9anZ0ajCcF3LPCdbCLjtOCrKkSRU9Wh5b3/7qmXAL3Pe5l0Y2RxPApJ4tVk9Lder9W5Qz2ainiXEyf9Yz3aiHv5Ifxbv7qaRJ3akPJSiGaDvxyHKfgIlfuRqF+9uxFsoOEZh+cH1TEvOjd+NDgMZsgVTB5t1Gk0WpRuLFGnNTJWjAFW5o3T5by5WGryVnA1h1D+GyYcwRQujKhuYpwsKSJJ+iskiK7Gb1GQ7GmXWjfi62bxbla1VTr7W8ixAaWy/kZoKyyig8QIytAFb+m8HH0idWVbZgDYI8LXMkO0xHBFto+ibqQ5aN8vGj/nSkX3p/52G7I0w7WB+Arp8ln61BgAA */
+/* vanilla-extract-css-ns:src/components/Dialog/Dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAE9VTy26DMBC88xV7qZRKGNkkkMS55Dt6qQwsYRswCDvNo8q/VzyahxrS5NgT7DLMzO7YyzXu01oVaOBd1LM0mHL4cgD4S/sAsLXSJi3rQoKJVY4j7s2D14UDcHQABB8Gih51dJa/RMQfIuIhhQsrt0T8a5GyUjHZvQR+g/v0UQzzjQf4xD0+/sPn9SxBi1CaCmWp1PLs1g94YSDeRBSzCA+E9Yh7Yxe4C9zjoQvdVqLS2rKQwHzOq13TyTG1l3WlkoT0SsKpU9Mqu4LYsroqz6ttX3Nl8W3EW70DI53gToIvJtPJbBxOwsXFPNOBecYg/P84z3xgHv5IPu7TaRZqx7aU2Ew2x+dze2klGrAiHlmt+3QQ96zErZW01JYZOqAE3++zIo0swy4Pf34VGOuCDJvmmSppqRIyVa72EtIc239UTivNyGJhJMSoLdZN+2NjLKV7FpfaorYSTKViZBHaLaJuEL3ldJPnTdnwMZPVpNf97StInxwGnZlvIpjjnvcEAAA= */
 @keyframes _1r8f570 {
   0% {
     transform: scale(0.95);
@@ -6332,22 +6332,6 @@
     opacity: 0;
   }
 }
-@keyframes _1r8f57c {
-  0% {
-    opacity: 0.2;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes _1r8f57d {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0.2;
-  }
-}
 [data-rk] ._1r8f575 {
   animation: _1r8f572 250ms cubic-bezier(0.3, 0, 0.06, 1);
   bottom: -200px;
@@ -6376,24 +6360,12 @@
   animation: _1r8f571 120ms cubic-bezier(0.3, 0, 0.06, 1), _1r8f573 120ms cubic-bezier(0.3, 0, 0.06, 1);
   max-width: 100vw;
 }
-[data-rk] ._1r8f57e {
-  animation-duration: 300ms;
-  animation-timing-function: linear;
-  animation-fill-mode: forwards;
-  animation-name: _1r8f57c;
-}
-[data-rk] ._1r8f57f {
-  animation-duration: 300ms;
-  animation-timing-function: linear;
-  animation-fill-mode: forwards;
-  animation-name: _1r8f57d;
-}
-[data-rk] ._1r8f57g {
+[data-rk] ._1r8f57c {
   font-size: 22px;
   line-height: 29px;
   padding-left: 6px;
 }
-[data-rk] ._1r8f57h {
+[data-rk] ._1r8f57d {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -6461,7 +6433,7 @@
   flex: 1;
 }
 
-/* vanilla-extract-css-ns:src/css/modalTransitionStyles.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzdGdqeGwwIHsKICAwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuNyk7CiAgICBvcGFjaXR5OiAwLjI7CiAgfQogIDEwMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgxKTsKICAgIG9wYWNpdHk6IDE7CiAgfQp9CkBrZXlmcmFtZXMgc3RnanhsMSB7CiAgMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgxKTsKICAgIG9wYWNpdHk6IDE7CiAgfQogIDkwJSB7CiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuOCk7CiAgICBvcGFjaXR5OiAwLjI7CiAgfQogIDEwMCUgewogICAgdHJhbnNmb3JtOiBzY2FsZSgwLjUpOwogICAgb3BhY2l0eTogMDsKICB9Cn0KLnN0Z2p4bDIgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogNzVtczsKICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7CiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7CiAgYW5pbWF0aW9uLW5hbWU6IHN0Z2p4bDA7Cn0KLnN0Z2p4bDMgewogIGFuaW1hdGlvbi1kdXJhdGlvbjogNzVtczsKICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7CiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7CiAgYW5pbWF0aW9uLW5hbWU6IHN0Z2p4bDE7Cn0= */
+/* vanilla-extract-css-ns:src/css/modalTransitionStyles.css.ts.vanilla.css?source=#H4sIAAAAAAAAE83U3WqDMBgG4HOv4jsZONAQ2/p/0svYaYyxZDWxRGXthvc+poymtnFu3ZhHBpP35ckHut2zU6GIYDXUze75WGJ4swDwQ/8AaBSRdVEpkUBNSclsjMLHtN+qDoTy5pQARquPN50F4GFz0hvnvCHVWdsxwvsCYaoCiKfk0Q/lGPlXSaN9Y7T3y5I07Mn2gsPRUGmiaGk8f5L+HI2pbwbFnbjJDU40hzPV+bvTif94Ot8bDr3UTF59xuVyQ90t/rUODSWr/gCRXJCGV9LNW9UvEgh9UacXew0XXO7copV0OELbjFM3Y6+cKRujtQPYAYxw4MDwBZ+zBS9LV1Q5S6Co1AtR+ahcEsGSz39Uegaulwj0NGCwROBGA4ZLBPoakCwRGGnAbInAWAOye4All4yoOyRUkxT/KslTq3sHeXaGf/IIAAA= */
 @keyframes stgjxl0 {
   0% {
     transform: scale(0.7);
@@ -6486,18 +6458,110 @@
     opacity: 0;
   }
 }
+@keyframes stgjxl4 {
+  0% {
+    transform: translateX(16px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+@keyframes stgjxl5 {
+  0% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(-16px);
+    opacity: 0;
+  }
+}
+@keyframes stgjxl8 {
+  0% {
+    transform: translateX(-16px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+@keyframes stgjxl9 {
+  0% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(16px);
+    opacity: 0;
+  }
+}
+@keyframes stgjxlc {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes stgjxld {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
 [data-rk] .stgjxl2 {
   animation-duration: 75ms;
-  animation-timing-function: linear;
+  animation-timing-function: cubic-bezier(0.3, 0, 0.06, 1);
   animation-fill-mode: forwards;
   animation-name: stgjxl0;
 }
 [data-rk] .stgjxl3 {
   animation-duration: 75ms;
-  animation-timing-function: linear;
+  animation-timing-function: cubic-bezier(0.3, 0, 0.06, 1);
   animation-fill-mode: forwards;
   animation-name: stgjxl1;
 }
+[data-rk] .stgjxl6 {
+  animation-duration: 75ms;
+  animation-timing-function: cubic-bezier(0.3, 0, 0.06, 1);
+  animation-fill-mode: forwards;
+  animation-name: stgjxl4;
+}
+[data-rk] .stgjxl7 {
+  animation-duration: 75ms;
+  animation-timing-function: cubic-bezier(0.3, 0, 0.06, 1);
+  animation-fill-mode: forwards;
+  animation-name: stgjxl5;
+}
+[data-rk] .stgjxla {
+  animation-duration: 75ms;
+  animation-timing-function: cubic-bezier(0.3, 0, 0.06, 1);
+  animation-fill-mode: forwards;
+  animation-name: stgjxl8;
+}
+[data-rk] .stgjxlb {
+  animation-duration: 75ms;
+  animation-timing-function: cubic-bezier(0.3, 0, 0.06, 1);
+  animation-fill-mode: forwards;
+  animation-name: stgjxl9;
+}
+[data-rk] .stgjxle {
+  animation-duration: 75ms;
+  animation-timing-function: linear;
+  animation-fill-mode: forwards;
+  animation-name: stgjxlc;
+}
+[data-rk] .stgjxlf {
+  animation-duration: 75ms;
+  animation-timing-function: linear;
+  animation-fill-mode: forwards;
+  animation-name: stgjxld;
+}
 
 /* vanilla-extract-css-ns:src/components/FunSkeletonLoader/FunSkeletonLoader.css.ts.vanilla.css?source=QGtleWZyYW1lcyBkajB4NjAwIHsKICAwJSB7CiAgICBvcGFjaXR5OiAxOwogIH0KICAxMDAlIHsKICAgIG9wYWNpdHk6IDAuNTsKICB9Cn0KLmRqMHg2MDIgewogIGFuaW1hdGlvbi1kaXJlY3Rpb246IGFsdGVybmF0ZTsKICBhbmltYXRpb24tZHVyYXRpb246IDcwMG1zOwogIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjsKICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTsKICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkczsKICBhbmltYXRpb24tbmFtZTogZGoweDYwMDsKfQouZGoweDYwMyB7CiAgZmxleDogMCAwIGF1dG87Cn0= */
 @keyframes dj0x600 {
@@ -6673,7 +6737,7 @@ input[type=number] {
       transparent 10%);
 }
 
-/* vanilla-extract-css-ns:src/modals/FunCheckoutHistoryModal/FunCheckoutStatus.css.ts.vanilla.css?source=Ll8yaTl6eTAgewogIG1hcmdpbi10b3A6IC0zMHB4OwogIG1hcmdpbi1ib3R0b206IC0xMHB4OwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBoZWlnaHQ6IDEyMHB4OwogIHdpZHRoOiAxODBweDsKICBiYWNrZ3JvdW5kOiByYWRpYWwtZ3JhZGllbnQoZWxsaXBzZSBjbG9zZXN0LXNpZGUsIHJnYmEoMjU1LCAxMzgsIDcyLCAwLjIpIDAlLCByZ2JhKDIyNSwgNTQsIDE3NywgMC4wNCkgODAlLCB0cmFuc3BhcmVudCk7Cn0KLl8yaTl6eTEgewogIG1hcmdpbi10b3A6IC0zMHB4OwogIG1hcmdpbi1ib3R0b206IC0xMHB4OwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBoZWlnaHQ6IDEyMHB4OwogIHdpZHRoOiAxODBweDsKICBiYWNrZ3JvdW5kOiByYWRpYWwtZ3JhZGllbnQoZWxsaXBzZSBjbG9zZXN0LXNpZGUsIHJnYmEoMzcsIDE5MSwgOTksIDAuMikgMCUsIHJnYmEoNTQsIDIyNSwgMTQzLCAwLjA0KSA4MCUsIHRyYW5zcGFyZW50KTsKfQouXzJpOXp5MiB7CiAgbWFyZ2luLXRvcDogLTMwcHg7CiAgbWFyZ2luLWJvdHRvbTogLTEwcHg7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGhlaWdodDogMTIwcHg7CiAgd2lkdGg6IDE4MHB4OwogIGJhY2tncm91bmQ6IHJhZGlhbC1ncmFkaWVudChlbGxpcHNlIGNsb3Nlc3Qtc2lkZSwgcmdiYSgyMTEsMjExLDIxMSwwLjE4KSAwJSwgcmdiYSgxNzYsMTc2LDE3NiwwLjA0KSA4MCUsIHRyYW5zcGFyZW50KTsKfQ== */
+/* vanilla-extract-css-ns:src/modals/FunCheckoutHistoryModal/FunCheckoutStatus.css.ts.vanilla.css?source=Ll8yaTl6eTAgewogIG1hcmdpbi10b3A6IC0zMHB4OwogIG1hcmdpbi1ib3R0b206IC0xMHB4OwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBoZWlnaHQ6IDEyMHB4OwogIHdpZHRoOiAxODBweDsKICBiYWNrZ3JvdW5kOiByYWRpYWwtZ3JhZGllbnQoZWxsaXBzZSBjbG9zZXN0LXNpZGUsIHJnYmEoMjExLDIxMSwyMTEsMC4xOCkgMCUsIHJnYmEoMTc2LDE3NiwxNzYsMC4wNCkgODAlLCB0cmFuc3BhcmVudCk7Cn0KLl8yaTl6eTEgewogIG1hcmdpbi10b3A6IC01MHB4OwogIG1hcmdpbi1ib3R0b206IC00NXB4OwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBoZWlnaHQ6IDE5MHB4OwogIHdpZHRoOiAyOTVweDsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KLl8yaTl6eTIgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDA7CiAgbGVmdDogMDsKfQ== */
 [data-rk] ._2i9zy0 {
   margin-top: -30px;
   margin-bottom: -10px;
@@ -6685,39 +6749,24 @@ input[type=number] {
   background:
     radial-gradient(
       ellipse closest-side,
-      rgba(255, 138, 72, 0.2) 0%,
-      rgba(225, 54, 177, 0.04) 80%,
+      rgba(211, 211, 211, 0.18) 0%,
+      rgba(176, 176, 176, 0.04) 80%,
       transparent);
 }
 [data-rk] ._2i9zy1 {
-  margin-top: -30px;
-  margin-bottom: -10px;
+  margin-top: -50px;
+  margin-bottom: -45px;
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 120px;
-  width: 180px;
-  background:
-    radial-gradient(
-      ellipse closest-side,
-      rgba(37, 191, 99, 0.2) 0%,
-      rgba(54, 225, 143, 0.04) 80%,
-      transparent);
+  height: 190px;
+  width: 295px;
+  position: relative;
 }
 [data-rk] ._2i9zy2 {
-  margin-top: -30px;
-  margin-bottom: -10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 120px;
-  width: 180px;
-  background:
-    radial-gradient(
-      ellipse closest-side,
-      rgba(211, 211, 211, 0.18) 0%,
-      rgba(176, 176, 176, 0.04) 80%,
-      transparent);
+  position: absolute;
+  top: 0;
+  left: 0;
 }
 
 /* src/components/FunNotification/FunNotification.css */

package/dist/index.d.ts

@@ -15,9 +15,10 @@ export type { AuthenticationConfig, AuthenticationStatus, } from './providers/Au
 export { createAuthenticationAdapter, FunkitConnectAuthenticationProvider, } from './providers/AuthenticationContext';
 export type { AvatarComponent } from './providers/AvatarContext';
 export type { FunkitCheckoutActionParams, FunkitCheckoutConfig, } from './providers/FunkitCheckoutContext';
-export { useCheckoutListenerByCheckoutId, useCheckoutsListenerByUserId, useFunkitCheckout, } from './providers/FunkitCheckoutContext';
+export { useFunkitCheckout } from './providers/FunkitCheckoutContext';
 export type { FunkitConfig } from './providers/FunkitConfigContext';
 export type { FunkitConnectChain as Chain } from './providers/FunkitConnectChainContext';
+export { useCheckoutListenerByCheckoutId, useCheckoutsListenerByUserId, } from './providers/FunkitHistoryContext';
 export type { Theme } from './providers/FunkitProvider';
 export { FunkitProvider } from './providers/FunkitProvider';
 export { useActiveTheme } from './providers/FunkitThemeProvider';