@funkit/connect 3.0.0 → 3.0.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @funkit/connect
 
+## 3.0.1
+
+### Patch Changes
+
+- 4cec99b: feat: add checkout geolocation blocks
+- 0139ee1: refactor: change mesh integration id type
+- 9e46890: feat: abort controller for asset calls
+- 1064d91: fix(connect): use original enum text for Okx
+- 1d81269: feat(connect): auto-select express payment method option
+- 1c6edc0: fix(connect): fixed asset list skeleton loader
+- 1064d91: refactor(connect): move modals and providers to standalone folders for internal sdk
+- Updated dependencies [9e46890]
+  - @funkit/api-base@1.0.3
+  - @funkit/core@2.1.3
+  - @funkit/wagmi-tools@3.0.5
+
 ## 3.0.0
 
 ### Major Changes

package/dist/__private__/index.d.ts

@@ -1,4 +1,4 @@
-import { DevEmbed } from '../components/DevTest/DevEmbed';
+import { DevEmbed } from '../modals/DevTest/DevEmbed';
 export declare const __private__: {
     dialog: string;
     dialogMobile: string;

package/dist/{arbitrum-EB6UHB7R.js → arbitrum-7TAKMNTY.js}

@@ -1,6 +1,6 @@
 "use client";
 
-// src/components/FunkitProvider/chainIcons/arbitrum.svg
+// src/providers/chainIcons/arbitrum.svg
 var arbitrum_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><rect width="26.6" height="26.6" x=".7" y=".7" fill="%232D374B" stroke="%2396BEDC" stroke-width="1.4" rx="13.3"/><mask id="a" width="28" height="28" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><rect width="28" height="28" fill="%23C4C4C4" rx="14"/></mask><g mask="url(%23a)"><path fill="%2328A0F0" d="m14.0861 18.6041 6.5014 10.2239 4.0057-2.3213-7.86-12.3943-2.6471 4.4917Zm13.0744 3.4692-.003-1.8599-7.3064-11.407-2.3087 3.9173 7.091 11.4303 2.172-1.2586a.9628.9628 0 0 0 .3555-.7009l-.0004-.1212Z"/><rect width="25.9" height="25.9" x="1.05" y="1.05" fill="url(%23b)" fill-opacity=".3" stroke="%2396BEDC" stroke-width="2.1" rx="12.95"/><path fill="%23fff" d="m.3634 28.2207-3.07-1.7674-.234-.8333L7.7461 9.0194c.7298-1.1913 2.3197-1.575 3.7957-1.5541l1.7323.0457L.3634 28.2207ZM19.1655 7.511l-4.5653.0166L2.24 27.9533l3.6103 2.0788.9818-1.6652L19.1655 7.511Z"/></g><defs><linearGradient id="b" x1="0" x2="14" y1="0" y2="28" gradientUnits="userSpaceOnUse"><stop stop-color="%23fff"/><stop offset="1" stop-color="%23fff" stop-opacity="0"/></linearGradient></defs></svg>%0A';
 export {
   arbitrum_default as default

package/dist/{avalanche-GTIW2NZO.js → avalanche-DP4OGWPS.js}

@@ -1,6 +1,6 @@
 "use client";
 
-// src/components/FunkitProvider/chainIcons/avalanche.svg
+// src/providers/chainIcons/avalanche.svg
 var avalanche_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="%23fff" d="M23 5H5v18h18V5Z"/><path fill="%23E84142" fill-rule="evenodd" d="M14 28c-7.513.008-14-6.487-14-14C0 6.196 6.043-.008 14 0c7.95.008 14 6.196 14 14 0 7.505-6.495 13.992-14 14Zm-3.971-7.436H7.315c-.57 0-.851 0-1.023-.11a.69.69 0 0 1-.313-.54c-.01-.202.13-.45.412-.944l6.7-11.809c.285-.501.43-.752.612-.845.195-.1.429-.1.625 0 .182.093.326.344.611.845l1.377 2.404.007.013c.308.538.464.81.533 1.097a2.04 2.04 0 0 1 0 .954c-.07.289-.224.564-.536 1.11l-3.52 6.22-.009.017c-.31.542-.467.817-.684 1.024a2.048 2.048 0 0 1-.835.485c-.285.079-.604.079-1.243.079Zm6.852 0h3.888c.574 0 .862 0 1.034-.113a.687.687 0 0 0 .313-.543c.01-.196-.128-.434-.398-.9a8.198 8.198 0 0 1-.028-.048l-1.948-3.332-.022-.037c-.274-.463-.412-.697-.59-.787a.684.684 0 0 0-.621 0c-.179.093-.323.337-.608.828l-1.94 3.331-.007.012c-.284.49-.426.735-.416.936.014.22.127.423.313.543.168.11.456.11 1.03.11Z" clip-rule="evenodd"/></svg>%0A';
 export {
   avalanche_default as default

package/dist/{base-DSVASA5E.js → base-JKDU5GAC.js}

@@ -1,6 +1,6 @@
 "use client";
 
-// src/components/FunkitProvider/chainIcons/base.svg
+// src/providers/chainIcons/base.svg
 var base_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><g fill="none" fill-rule="evenodd"><path fill="%230052FF" fill-rule="nonzero" d="M14 28a14 14 0 1 0 0-28 14 14 0 0 0 0 28Z"/><path fill="%23FFF" d="M13.967 23.86c5.445 0 9.86-4.415 9.86-9.86 0-5.445-4.415-9.86-9.86-9.86-5.166 0-9.403 3.974-9.825 9.03h14.63v1.642H4.142c.413 5.065 4.654 9.047 9.826 9.047Z"/></g></svg>';
 export {
   base_default as default

package/dist/{blast-T4B7OICF.js → blast-OXCCKFNZ.js}

@@ -1,6 +1,6 @@
 "use client";
 
-// src/components/FunkitProvider/chainIcons/blast.svg
+// src/providers/chainIcons/blast.svg
 var blast_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28"><rect width="28" height="28" fill="%23000" rx="14"/><rect width="28" height="28" fill="url(%23a)" fill-opacity=".1" rx="14"/><path fill="%23FCFC03" d="M7.735 7.836 5.581 9.73c-.163.137-.065.447.163.447h13.773c.163 0 .261.173.229.345l-.686 2.1a.247.247 0 0 1-.228.173h-5.353a.247.247 0 0 0-.228.172l-.555 1.515a.253.253 0 0 0 .228.345h5.19c.163 0 .26.172.228.344l-.816 2.652a.247.247 0 0 1-.228.172H9.563c-.163 0-.261-.172-.229-.31l1.534-5.786c.033-.103-.032-.24-.098-.275l-1.631-.999c-.131-.069-.294 0-.36.138l-2.545 9.16c-.065.173.065.31.228.31h10.346c.033 0 .066 0 .098-.034l2.579-1.309a.262.262 0 0 0 .13-.137l1.012-3.134c.033-.07 0-.207-.065-.242l-1.208-1.274c-.098-.103-.065-.344.065-.413l1.86-.93c.066-.034.099-.069.099-.137l1.11-3.134c.032-.104 0-.241-.066-.276l-1.534-1.377c-.065-.035-.065-.07-.163-.07H7.898a.535.535 0 0 0-.163.07Z"/><defs><linearGradient id="a" x1="0" x2="14" y1="0" y2="28" gradientUnits="userSpaceOnUse"><stop stop-color="%23fff"/><stop offset="1" stop-color="%23fff" stop-opacity="0"/></linearGradient></defs></svg>';
 export {
   blast_default as default

package/dist/{bsc-D3LSG6XI.js → bsc-3D3KFEXX.js}

@@ -1,6 +1,6 @@
 "use client";
 
-// src/components/FunkitProvider/chainIcons/bsc.svg
+// src/providers/chainIcons/bsc.svg
 var bsc_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><g clip-path="url(%23a)"><path fill="%23F0B90B" fill-rule="evenodd" d="M14 0c7.733 0 14 6.267 14 14s-6.267 14-14 14S0 21.733 0 14 6.267 0 14 0Z" clip-rule="evenodd"/><path fill="%23fff" d="m7.694 14 .01 3.702 3.146 1.85v2.168l-4.986-2.924v-5.878L7.694 14Zm0-3.702v2.157l-1.832-1.083V9.214l1.832-1.083 1.841 1.083-1.84 1.084Zm4.47-1.084 1.832-1.083 1.84 1.083-1.84 1.084-1.832-1.084Z"/><path fill="%23fff" d="M9.018 16.935v-2.168l1.832 1.084v2.157l-1.832-1.073Zm3.146 3.394 1.832 1.084 1.84-1.084v2.157l-1.84 1.084-1.832-1.084V20.33Zm6.3-11.115 1.832-1.083 1.84 1.083v2.158l-1.84 1.083v-2.157l-1.832-1.084Zm1.832 8.488.01-3.702 1.831-1.084v5.879l-4.986 2.924v-2.167l3.145-1.85Z"/><path fill="%23fff" d="m18.982 16.935-1.832 1.073v-2.157l1.832-1.084v2.168Z"/><path fill="%23fff" d="m18.982 11.065.01 2.168-3.155 1.85v3.712l-1.831 1.073-1.832-1.073v-3.711l-3.155-1.851v-2.168l1.84-1.083 3.135 1.86 3.155-1.86 1.84 1.083h-.007Zm-9.964-3.7 4.977-2.935 4.987 2.935-1.832 1.083-3.154-1.86-3.146 1.86-1.832-1.083Z"/></g><defs><clipPath id="a"><path fill="%23fff" d="M0 0h28v28H0z"/></clipPath></defs></svg>';
 export {
   bsc_default as default

package/dist/components/Avatar/EmojiAvatar.d.ts

@@ -1,2 +1,2 @@
-import { AvatarComponent } from '../FunkitProvider/AvatarContext';
+import { AvatarComponent } from '../../providers/AvatarContext';
 export declare const EmojiAvatar: AvatarComponent;

package/dist/components/ConnectButton/ConnectButtonRenderer.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { AuthenticationStatus } from '../FunkitProvider/AuthenticationContext';
+import { AuthenticationStatus } from '../../providers/AuthenticationContext';
 export interface ConnectButtonRendererProps {
     children: (renderProps: {
         account?: {

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, hasCloseButton: hasCloseButtonProp, isCloseDisabled, onClose, hasBackButton: hasBackButtonProp, isBackDisabled, onBack, backAnimation, skipBackDelay, countdownSeconds, countdownKey, delayCountdownReturnByBuffer, dydxHideBack, }: DialogTitleProps) => React.JSX.Element;
-    var Content: ({ children, fullHeight, paddingLeft, paddingBottom, className, withTopDivider, withBottomDivider, ...boxProps }: DialogContentProps) => React.JSX.Element;
+    var Content: ({ children, fullHeight, paddingLeft, paddingBottom, className, withTopDivider, withBottomDivider, id, ...boxProps }: DialogContentProps) => React.JSX.Element;
     var BottomSection: ({ paddingX, ...boxProps }: Omit<BoxProps, "children">) => React.JSX.Element;
     var BottomBar: ({ topSection, actionButtonProps, bottomSection, }: import("../FunBottomBar/FunBottomBar").FunBottomBarProps) => React.JSX.Element;
 }
@@ -27,6 +27,7 @@ interface DialogContentProps extends BoxProps {
     fullHeight?: boolean;
     withTopDivider?: boolean;
     withBottomDivider?: boolean;
+    id?: string;
 }
 export interface DialogTitleProps {
     title?: string;

package/dist/components/DydxSwitchModalTab/DydxSwitchModalTab.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { FunCheckoutStep } from '../FunCheckoutModal/FunCheckoutModal';
-import { FunkitActiveCheckoutItem } from '../FunkitProvider/FunkitCheckoutContext';
+import { FunCheckoutStep } from '../../modals/FunCheckoutModal/FunCheckoutModal';
+import { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
 interface DydxSwitchTabProps {
     checkoutItem: FunkitActiveCheckoutItem | null;
     checkoutStep: FunCheckoutStep;

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

@@ -0,0 +1 @@
+export declare const funCheckoutBlockedStyle: string;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FunCheckoutBlocked: () => React.JSX.Element;

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

@@ -6,10 +6,11 @@ export declare function ExistingPaymentMethodItem({ paymentMethodInfo, }: {
 /**
  * Handle selection and adding of payment methods
  */
-export declare function FunPaymentMethods({ primaryInfo, checkoutId, onSelect, isDisabled, depositAmount, }: {
+export declare function FunPaymentMethods({ primaryInfo, checkoutId, onSelect, isDisabled, depositAmount, isLoadingGeoCheck, }: {
     primaryInfo: React.ReactNode;
     checkoutId: string;
     onSelect: (paymentMethodInfo: PaymentMethodInfo) => void;
     isDisabled?: boolean;
     depositAmount: string;
+    isLoadingGeoCheck: boolean;
 }): React.JSX.Element;

package/dist/components/index.d.ts

@@ -1,2 +1,2 @@
+export { FunkitProvider } from './../providers/FunkitProvider';
 export { ConnectButton } from './ConnectButton/ConnectButton';
-export { FunkitProvider } from './FunkitProvider/FunkitProvider';

package/dist/config/getDefaultConfig.d.ts

@@ -1,6 +1,6 @@
 import { Chain, Transport } from 'viem';
 import { CreateConfigParameters } from 'wagmi';
-import { type FunkitConnectChain } from '../components/FunkitProvider/FunkitConnectChainContext';
+import { type FunkitConnectChain } from '../providers/FunkitConnectChainContext';
 import type { WalletList } from '../wallets/Wallet';
 export type _chains = readonly [FunkitConnectChain, ...FunkitConnectChain[]];
 export type _transports = Record<_chains[number]['id'], Transport>;

package/dist/{cronos-7AZSHGK7.js → cronos-5OEAMVEV.js}

@@ -1,6 +1,6 @@
 "use client";
 
-// src/components/FunkitProvider/chainIcons/cronos.svg
+// src/providers/chainIcons/cronos.svg
 var cronos_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28"><defs><linearGradient id="A" x1="-18.275%" x2="84.959%" y1="8.219%" y2="71.393%"><stop offset="0%" stop-color="%23002d74"/><stop offset="100%" stop-color="%23001246"/></linearGradient><circle id="B" cx="14" cy="14" r="14"/></defs><g fill-rule="evenodd"><mask id="C" fill="%23fff"><use xlink:href="%23B"/></mask><g fill-rule="nonzero"><path fill="url(%23A)" d="M-1.326-1.326h30.651v30.651H-1.326z" mask="url(%23C)"/><g fill="%23fff"><path d="M14.187 6L7 10.175v8.35l7.187 4.175 7.175-4.175v-8.35L14.187 6zm5.046 11.286l-5.058 2.936-5.046-2.936v-5.871l5.058-2.936 5.046 2.936v5.871z"/><path d="M14.187 22.7l7.175-4.175v-8.35L14.187 6v2.479l5.046 2.936v5.883l-5.058 2.936V22.7h.012z"/><path d="M14.175 6L7 10.175v8.35l7.175 4.175v-2.479l-5.046-2.936v-5.883l5.046-2.924V6zm3.36 10.299l-3.348 1.949-3.36-1.949v-3.898l3.36-1.949 3.348 1.949-1.399.818-1.961-1.143-1.949 1.143v2.274l1.961 1.143 1.961-1.143 1.387.806z"/></g></g></g></svg>';
 export {
   cronos_default as default

package/dist/{dydx-B46RMDPA.js → dydx-IANKGTOD.js}

@@ -1,6 +1,6 @@
 "use client";
 
-// src/components/FunkitProvider/chainIcons/dydx.svg
+// src/providers/chainIcons/dydx.svg
 var dydx_default = 'data:image/svg+xml,<svg width="183" height="183" viewBox="0 0 183 183" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="1" y="1" width="181" height="181" rx="37" fill="url(%23paint0_linear)"/>%0A<path d="M115.316 43L45 141.992H66.5885L137.269 43H115.316Z" fill="white"/>%0A<path d="M68.8375 43L89.5265 72.1696L78.7322 88.0804L46.7992 43H68.8375Z" fill="url(%23paint1_linear)"/>%0A<path d="M117.411 142L94.4737 109.737L105.268 94.2679L139 142H117.411Z" fill="url(%23paint2_linear)"/>%0A<rect x="1" y="1" width="181" height="181" rx="37" stroke="%232D2D3D" stroke-width="2"/>%0A<defs>%0A<linearGradient id="paint0_linear" x1="147.5" y1="-24.5" x2="103" y2="160.5" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%232C2C3D"/>%0A<stop offset="1" stop-color="%231a1a27"/>%0A</linearGradient>%0A<linearGradient id="paint1_linear" x1="63.8901" y1="49.1875" x2="92.8951" y2="84.8205" gradientUnits="userSpaceOnUse">%0A<stop stop-color="white"/>%0A<stop offset="1" stop-color="white" stop-opacity="0.55"/>%0A</linearGradient>%0A<linearGradient id="paint2_linear" x1="122.359" y1="134.487" x2="86.7873" y2="85.6863" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%236966FF"/>%0A<stop offset="1" stop-color="%236966FF" stop-opacity="0.36"/>%0A</linearGradient>%0A</defs>%0A</svg>%0A';
 export {
   dydx_default as default

package/dist/{ethereum-NOZIKDN4.js → ethereum-VZBBHP2I.js}

@@ -1,6 +1,6 @@
 "use client";
 
-// src/components/FunkitProvider/chainIcons/ethereum.svg
+// src/providers/chainIcons/ethereum.svg
 var ethereum_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="%2325292E" fill-rule="evenodd" d="M14 28a14 14 0 1 0 0-28 14 14 0 0 0 0 28Z" clip-rule="evenodd"/><path fill="url(%23a)" fill-opacity=".3" fill-rule="evenodd" d="M14 28a14 14 0 1 0 0-28 14 14 0 0 0 0 28Z" clip-rule="evenodd"/><path fill="url(%23b)" d="M8.19 14.77 14 18.21l5.8-3.44-5.8 8.19-5.81-8.19Z"/><path fill="%23fff" d="m14 16.93-5.81-3.44L14 4.34l5.81 9.15L14 16.93Z"/><defs><linearGradient id="a" x1="0" x2="14" y1="0" y2="28" gradientUnits="userSpaceOnUse"><stop stop-color="%23fff"/><stop offset="1" stop-color="%23fff" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="14" x2="14" y1="14.77" y2="22.96" gradientUnits="userSpaceOnUse"><stop stop-color="%23fff"/><stop offset="1" stop-color="%23fff" stop-opacity=".9"/></linearGradient></defs></svg>%0A';
 export {
   ethereum_default as default

package/dist/{hardhat-63UZQ2D2.js → hardhat-KGYIXSL3.js}

@@ -1,6 +1,6 @@
 "use client";
 
-// src/components/FunkitProvider/chainIcons/hardhat.svg
+// src/providers/chainIcons/hardhat.svg
 var hardhat_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><rect width="28" height="28" fill="url(%23a)" rx="14"/><g clip-path="url(%23b)"><path fill="%23FFF100" d="M22.458 18.409v-.875c0-.162-.258-.317-.72-.457l.011-1.088c0-1.676-.49-3.312-1.402-4.685a7.833 7.833 0 0 0-3.702-2.994l-.033-.218a.639.639 0 0 0-.138-.315.592.592 0 0 0-.277-.188 7.429 7.429 0 0 0-4.395 0 .592.592 0 0 0-.278.188.64.64 0 0 0-.14.315l-.031.203a7.83 7.83 0 0 0-3.727 2.991 8.474 8.474 0 0 0-1.414 4.703v1.093c-.456.139-.71.292-.71.454v.874a.224.224 0 0 0 .03.147c.227-.178.487-.303.764-.366.704-.181 1.42-.307 2.143-.378.202-.024.407-.003.601.063s.372.174.523.318a2.945 2.945 0 0 0 2.043.836h4.748c.756 0 1.485-.299 2.043-.836a1.42 1.42 0 0 1 .522-.32c.194-.067.4-.09.602-.066a14.2 14.2 0 0 1 2.143.376c.262.053.51.167.724.334.012.013.027.024.037.036a.227.227 0 0 0 .033-.145Z"/><path fill="url(%23c)" d="M9.574 16.569c-.006-.2-.01-.402-.01-.604.003-3.04.677-5.765 1.79-7.668a7.83 7.83 0 0 0-3.728 2.99 8.474 8.474 0 0 0-1.414 4.702v1.093a17.98 17.98 0 0 1 3.362-.513Z"/><path fill="url(%23d)" d="M21.749 15.989a8.409 8.409 0 0 0-1.773-5.199c.498 1.674.746 3.42.735 5.173 0 .296-.008.59-.02.88a9.2 9.2 0 0 1 1.045.234l.013-1.088Z"/><path fill="url(%23e)" d="M21.664 18.187c-.705-.18-1.42-.306-2.143-.377a1.365 1.365 0 0 0-.602.064 1.416 1.416 0 0 0-.523.32 2.943 2.943 0 0 1-2.043.835h-4.745a2.945 2.945 0 0 1-2.043-.835 1.417 1.417 0 0 0-.522-.322 1.366 1.366 0 0 0-.602-.065 14.18 14.18 0 0 0-2.143.377 1.962 1.962 0 0 0-.764.367c.36.58 4.006 1.19 8.448 1.19s8.086-.612 8.447-1.19c-.013-.012-.027-.023-.037-.035a1.8 1.8 0 0 0-.728-.329Z"/><path fill="%230A0A0A" d="m13.98 9.823-1.818 3.258 1.817 1.188V9.824Z"/><path fill="%234B4D4D" d="M13.98 9.824v4.444l1.817-1.186-1.817-3.258Zm0 5.09v1.55c.034-.052 1.817-2.738 1.817-2.74l-1.817 1.19Z"/><path fill="%230A0A0A" d="m13.98 14.914-1.818-1.187 1.818 2.737v-1.55Z"/></g><defs><linearGradient id="a" x1="14" x2="14" y1="0" y2="28" gradientUnits="userSpaceOnUse"><stop stop-color="%23F7F1FD"/><stop offset="1" stop-color="%23FBFCDC"/></linearGradient><linearGradient id="c" x1="8.783" x2="8.783" y1="17.082" y2="8.297" gradientUnits="userSpaceOnUse"><stop stop-color="%23EDCF00"/><stop offset=".33" stop-color="%23F0D500"/><stop offset=".77" stop-color="%23F9E500"/><stop offset="1" stop-color="%23FFF100"/></linearGradient><linearGradient id="d" x1="20.862" x2="20.862" y1="17.146" y2="10.79" gradientUnits="userSpaceOnUse"><stop stop-color="%23EDCF00"/><stop offset=".59" stop-color="%23F7E100"/><stop offset="1" stop-color="%23FFF100"/></linearGradient><radialGradient id="e" cx="0" cy="0" r="1" gradientTransform="matrix(6.30353 0 0 6.64935 6.45 23.084)" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFF100"/><stop offset=".23" stop-color="%23F9E500"/><stop offset=".67" stop-color="%23F0D500"/><stop offset="1" stop-color="%23EDCF00"/></radialGradient><clipPath id="b"><path fill="%23fff" d="M0 0h17v13H0z" transform="translate(5.5 7)"/></clipPath></defs></svg>%0A';
 export {
   hardhat_default as default

package/dist/hooks/useCheckoutType.d.ts

@@ -1,4 +1,4 @@
-import { FunkitActiveCheckoutItem } from '../components/FunkitProvider/FunkitCheckoutContext';
+import { FunkitActiveCheckoutItem } from '../providers/FunkitCheckoutContext';
 export declare function getCheckoutType(checkoutItem: FunkitActiveCheckoutItem | null): {
     isCheckoutCrFlow: boolean;
     isCheckoutDirectCrFlow: boolean;

package/dist/hooks/useUsableWalletAssetsForCheckout.d.ts

@@ -1,4 +1,4 @@
-import { KnownAssetBalanceInfo } from '../components/FunkitProvider/GeneralWalletProvider';
+import { KnownAssetBalanceInfo } from '../providers/GeneralWalletProvider';
 export declare function useUsableWalletAssetsForCheckout(checkoutId: string): {
     [assetKey: string]: KnownAssetBalanceInfo;
 } | undefined;

package/dist/index.css

@@ -5987,6 +5987,100 @@
   --_7rkubb1: 0.9;
 }
 
+/* vanilla-extract-css-ns:src/components/Dialog/Dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAE9WSTW7CMBCF9znFbCpRKY7GDj/FbHqObioT22A1tpFjCqXi7hWBQtISCt1UXSUeP733jWceX9SbDsKqCp5peNCDEcJ7AoB39QcgBuEq7YPlUBWiVD3MxoP7SQKwTQAodgvpQbVNHr+F0B9C6FUJDZRzIawd4heiMPGNA57xPl7Sbr+8w49e8sNuv6KLL2O/JJS/IvyM2ybZwWdQa4QzVkTjHT+9KBugraBYTk1BpmpjVOhhlqeAKWCGwxT2k5v6GL3lQBjiYr2rlErH5nkhpDRuxuFYCWY2b0miX7SOp/HXv6WI6qmHdd6GGCfVmgOj/VH/IR/2h5NGP6OOfnKg7D/2M+7oB6+ZT3rzNK1Yk5WRcc53C/S6aqJMO1DoNU+b3jyISyiqjULkMhyYckRbTVqX0VjjZkQvXbHXlMYpEdoibcqSWC8VB+3DSgT5xcUJq44tF00Y/ccwsgkzq2G0d5FUZqM4MHbYYuMUmav9prLxrrj9AOQ/TOsTBgAA */
+@keyframes _1r8f570 {
+  0% {
+    transform: scale(0.95);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes _1r8f571 {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0.95);
+  }
+}
+@keyframes _1r8f572 {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes _1r8f573 {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    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;
+  left: -200px;
+  padding: 200px;
+  right: -200px;
+  top: -200px;
+  transform: translateZ(0);
+  z-index: 2147483646;
+}
+[data-rk] ._1r8f577 {
+  animation: _1r8f573 120ms cubic-bezier(0.3, 0, 0.06, 1);
+  bottom: -200px;
+  left: -200px;
+  padding: 200px;
+  right: -200px;
+  top: -200px;
+  transform: translateZ(0);
+  z-index: 2147483646;
+}
+[data-rk] ._1r8f579 {
+  animation: _1r8f570 250ms cubic-bezier(0.3, 0, 0.06, 1), _1r8f572 250ms cubic-bezier(0.3, 0, 0.06, 1);
+  max-width: 100vw;
+}
+[data-rk] ._1r8f57b {
+  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 {
+  font-size: 22px;
+  line-height: 29px;
+}
+
 /* vanilla-extract-css-ns:src/components/FunButton/FunButton.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMXR5eDVudTcgewogIDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOwogIH0KICAzMyUgewogICAgdHJhbnNmb3JtOiByb3RhdGUoMjAwZGVnKTsKICB9CiAgNjYlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDE2MGRlZyk7CiAgfQogIDEwMCUgewogICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTsKICB9Cn0KLl8xdHl4NW51MSB7CiAgY3Vyc29yOiBwb2ludGVyOwp9Ci5fMXR5eDVudTE6aG92ZXIgewogIHRleHQtZGVjb3JhdGlvbi1saW5lOiB1bmRlcmxpbmU7Cn0KLl8xdHl4NW51MiB7CiAgdHJhbnNpdGlvbjogYWxsIDE1MG1zIGN1YmljLWJlemllcigwLjMsIDAsIDAuMDYsIDEpOwp9Ci5fMXR5eDVudTM6YWN0aXZlIHsKICB0cmFuc2Zvcm06IHNjYWxlKDAuOTgpOwp9Ci5fMXR5eDVudTQgewogIGN1cnNvcjogcG9pbnRlcjsKfQouXzF0eXg1bnU0OmZvY3VzLXZpc2libGUgewogIGJvcmRlci13aWR0aDogMnB4Owp9Ci5fMXR5eDVudTUgewogIGN1cnNvcjogZGVmYXVsdDsKfQouXzF0eXg1bnU2IHsKICBjdXJzb3I6IG5vdC1hbGxvd2VkOwp9Ci5fMXR5eDVudTggewogIGFuaW1hdGlvbjogXzF0eXg1bnU3IDFzOwp9 */
 @keyframes _1tyx5nu7 {
   0% {
@@ -6107,100 +6201,6 @@
   text-overflow: ellipsis;
 }
 
-/* vanilla-extract-css-ns:src/components/Dialog/Dialog.css.ts.vanilla.css?source=#H4sIAAAAAAAAE9WSTW7CMBCF9znFbCpRKY7GDj/FbHqObioT22A1tpFjCqXi7hWBQtISCt1UXSUeP733jWceX9SbDsKqCp5peNCDEcJ7AoB39QcgBuEq7YPlUBWiVD3MxoP7SQKwTQAodgvpQbVNHr+F0B9C6FUJDZRzIawd4heiMPGNA57xPl7Sbr+8w49e8sNuv6KLL2O/JJS/IvyM2ybZwWdQa4QzVkTjHT+9KBugraBYTk1BpmpjVOhhlqeAKWCGwxT2k5v6GL3lQBjiYr2rlErH5nkhpDRuxuFYCWY2b0miX7SOp/HXv6WI6qmHdd6GGCfVmgOj/VH/IR/2h5NGP6OOfnKg7D/2M+7oB6+ZT3rzNK1Yk5WRcc53C/S6aqJMO1DoNU+b3jyISyiqjULkMhyYckRbTVqX0VjjZkQvXbHXlMYpEdoibcqSWC8VB+3DSgT5xcUJq44tF00Y/ccwsgkzq2G0d5FUZqM4MHbYYuMUmav9prLxrrj9AOQ/TOsTBgAA */
-@keyframes _1r8f570 {
-  0% {
-    transform: scale(0.95);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-@keyframes _1r8f571 {
-  0% {
-    transform: scale(1);
-  }
-  100% {
-    transform: scale(0.95);
-  }
-}
-@keyframes _1r8f572 {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes _1r8f573 {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    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;
-  left: -200px;
-  padding: 200px;
-  right: -200px;
-  top: -200px;
-  transform: translateZ(0);
-  z-index: 2147483646;
-}
-[data-rk] ._1r8f577 {
-  animation: _1r8f573 120ms cubic-bezier(0.3, 0, 0.06, 1);
-  bottom: -200px;
-  left: -200px;
-  padding: 200px;
-  right: -200px;
-  top: -200px;
-  transform: translateZ(0);
-  z-index: 2147483646;
-}
-[data-rk] ._1r8f579 {
-  animation: _1r8f570 250ms cubic-bezier(0.3, 0, 0.06, 1), _1r8f572 250ms cubic-bezier(0.3, 0, 0.06, 1);
-  max-width: 100vw;
-}
-[data-rk] ._1r8f57b {
-  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 {
-  font-size: 22px;
-  line-height: 29px;
-}
-
 /* src/components/FunInput/FunInputBase.css */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
@@ -6302,11 +6302,6 @@ input[type=number] {
   mask-composite: subtract;
 }
 
-/* vanilla-extract-css-ns:src/components/MenuButton/MenuButton.css.ts.vanilla.css?source=Ll8xMHB3NXg2MDpob3ZlciB7CiAgYmFja2dyb3VuZDogdW5zZXQ7Cn0= */
-[data-rk] ._10pw5x60:hover {
-  background: unset;
-}
-
 /* vanilla-extract-css-ns:src/components/FunAssetAvatar/FunAssetAvatar.css.ts.vanilla.css?source=LnV3cmRjMjAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQoudXdyZGMyMyB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGJvdHRvbTogMDsKICByaWdodDogMDsKfQ== */
 [data-rk] .uwrdc20 {
   position: relative;
@@ -6317,17 +6312,25 @@ input[type=number] {
   right: 0;
 }
 
-/* vanilla-extract-css-ns:src/components/FunCheckoutHistoryModal/FunCheckoutHistoryTransaction.css.ts.vanilla.css?source=Ll84YmVqYW4wIHsKICBtYXgtaGVpZ2h0OiAyNTBweDsKICBvdmVyZmxvdzogaGlkZGVuOwp9Ci5fOGJlamFuMSB7CiAgdHJhbnNpdGlvbjogYWxsIDAuNHMgZWFzZS1vdXQ7CiAgbWF4LWhlaWdodDogMDsKICBvdmVyZmxvdzogaGlkZGVuOwp9Ci5fOGJlamFuMiB7CiAgd2lkdGg6IDEwMCU7CiAgYm9yZGVyLXN0eWxlOiBzb2xpZDsKICBib3JkZXItdG9wLXdpZHRoOiAxcHg7Cn0= */
-[data-rk] ._8bejan0 {
+/* vanilla-extract-css-ns:src/components/MenuButton/MenuButton.css.ts.vanilla.css?source=Ll8xMHB3NXg2MDpob3ZlciB7CiAgYmFja2dyb3VuZDogdW5zZXQ7Cn0= */
+[data-rk] ._10pw5x60:hover {
+  background: unset;
+}
+
+/* vanilla-extract-css-ns:src/modals/FunCheckoutHistoryModal/FunCheckoutHistoryTransaction.css.ts.vanilla.css?source=Ll84djN6c3owIHsKICBtYXgtaGVpZ2h0OiAyNTBweDsKICBvdmVyZmxvdzogaGlkZGVuOwp9Ci5fOHYzenN6MSB7CiAgdHJhbnNpdGlvbjogYWxsIDAuNXMgZWFzZS1pbi1vdXQ7Cn0KLl84djN6c3oyIHsKICB0cmFuc2l0aW9uOiBhbGwgNDAwbXMgZWFzZS1vdXQ7CiAgbWF4LWhlaWdodDogMDsKICBvdmVyZmxvdzogaGlkZGVuOwp9Ci5fOHYzenN6MyB7CiAgd2lkdGg6IDEwMCU7CiAgYm9yZGVyLXN0eWxlOiBzb2xpZDsKICBib3JkZXItdG9wLXdpZHRoOiAxcHg7Cn0= */
+[data-rk] ._8v3zsz0 {
   max-height: 250px;
   overflow: hidden;
 }
-[data-rk] ._8bejan1 {
-  transition: all 0.4s ease-out;
+[data-rk] ._8v3zsz1 {
+  transition: all 0.5s ease-in-out;
+}
+[data-rk] ._8v3zsz2 {
+  transition: all 400ms ease-out;
   max-height: 0;
   overflow: hidden;
 }
-[data-rk] ._8bejan2 {
+[data-rk] ._8v3zsz3 {
   width: 100%;
   border-style: solid;
   border-top-width: 1px;
@@ -6352,8 +6355,8 @@ input[type=number] {
   display: none;
 }
 
-/* vanilla-extract-css-ns:src/components/ProfileDetails/FunProfileViews/Home/Home.css.ts.vanilla.css?source=#H4sIAAAAAAAAE8WTy27CMBBF9/mK2VC1i0R2IDwcqeJPKiuxwdQP5DgtUcW/Vwmg4jwgbMrKlsZz77lje/3JKm6pYgV84APO57sDgp8AAE2aBcDsaSZcRQBFcRoAHAMAjLplfCoeg3VXEg9I4ovg6mE7dMMu9u2cpbrgxioCRUYle0XR4i3tdQPYMrHZOgIxmvTYd6RwWwj7MnXvDdLpHdLx8tcz7Am8vBs4GRcYRUlHamByvYlnfuJL0+LU9NBltVDbMxk9zpo0uvAljRrVQlEnjA7z0jYbAlOEVJF6RSeU0JuQlzo7nZFCM2r9Q1xIGSqTMwLc2G9q85aKpoqRv++XXuPMB3Fw8i842MNZPBsn9nCWDU4uir2kFQEu2aFurtcwF5adfTMjS6Xryq4snOBVmBntmHYEMqYda5Be4B1y8XV+TDcjjgw5IuZw0FnnZa6ePftpGhx/AVQZk80wBgAA */
-@keyframes _1x1d6jx0 {
+/* vanilla-extract-css-ns:src/modals/ProfileDetails/FunProfileViews/Home/Home.css.ts.vanilla.css?source=#H4sIAAAAAAAAE8WTy27DIBBF9/6K2aRqF7bAifPAUpU/qZANCS2PCHBTq8q/V3aSys/G2TQrkIa599wBth+s5JYq5uAtXu7V0SH4DgDQrF4AzIFmwpcEUBSnAcApAMCoX8bn4inY9hTxiCK+6m3udkPjbnHbzVuqHTdWEXAZlewZRauXdNAMYM/Ebu8JxGg24N6Twl0h3JapesdB5zdAp6s3JziQd30zbzItL4qSntTI4IYCL9qBrz2rc89dV9Uh7Y5k8jQr0OiCl9RiVAtFvTA6zAtbbwjMEVIubRW9UELvQl7o7HxGCs2obR/iQspQmZwR4MYeqc07KpoqRn4/XtqAWY7C4OQ/YHATZvVgmLgJs65hcuEOkpYEuGRfVWu1hrmw7OKaGVkoXVXeC+cFL8PMaM+0J5Ax7VkN9ASvkIvPyyv6M+DEiBNCjsZcdF/k5sFzn6fB6QelkjUOIQYAAA== */
+@keyframes _26hmws0 {
   0% {
     opacity: 0.2;
   }
@@ -6361,7 +6364,7 @@ input[type=number] {
     opacity: 1;
   }
 }
-@keyframes _1x1d6jx1 {
+@keyframes _26hmws1 {
   0% {
     opacity: 1;
   }
@@ -6372,7 +6375,7 @@ input[type=number] {
     opacity: 0;
   }
 }
-@keyframes _1x1d6jx2 {
+@keyframes _26hmws2 {
   0% {
     transform: scale(0.7);
     opacity: 0.2;
@@ -6384,7 +6387,7 @@ input[type=number] {
     height: 100%;
   }
 }
-@keyframes _1x1d6jx3 {
+@keyframes _26hmws3 {
   0% {
     transform: scale(1);
     opacity: 1;
@@ -6401,7 +6404,7 @@ input[type=number] {
     height: 20%;
   }
 }
-@keyframes _1x1d6jx4 {
+@keyframes _26hmws4 {
   0% {
     height: 70%;
     transform: scale(0.7);
@@ -6413,25 +6416,25 @@ input[type=number] {
     opacity: 1;
   }
 }
-[data-rk] ._1x1d6jx5 {
+[data-rk] ._26hmws5 {
   animation-duration: 300ms;
   animation-timing-function: linear;
   animation-fill-mode: forwards;
-  animation-name: _1x1d6jx0;
+  animation-name: _26hmws0;
 }
-[data-rk] ._1x1d6jx6 {
+[data-rk] ._26hmws6 {
   animation-duration: 150ms;
   animation-timing-function: linear;
   animation-fill-mode: forwards;
-  animation-name: _1x1d6jx1;
+  animation-name: _26hmws1;
 }
-[data-rk] ._1x1d6jx7 {
+[data-rk] ._26hmws7 {
   animation-duration: 150ms;
   animation-timing-function: linear;
   animation-fill-mode: forwards;
-  animation-name: _1x1d6jx2;
+  animation-name: _26hmws2;
 }
-[data-rk] ._1x1d6jx8 {
+[data-rk] ._26hmws8 {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -6439,14 +6442,14 @@ input[type=number] {
     animation-duration: 150ms;
     animation-timing-function: linear;
     animation-fill-mode: forwards;
-    animation-name: _1x1d6jx4;
+    animation-name: _26hmws4;
   }
 }
-[data-rk] ._1x1d6jx9 {
+[data-rk] ._26hmws9 {
   animation-duration: 150ms;
   animation-timing-function: linear;
   animation-fill-mode: forwards;
-  animation-name: _1x1d6jx3;
+  animation-name: _26hmws3;
 }
 
 /* vanilla-extract-css-ns:src/components/FunSkeletonLoader/FunSkeletonLoader.css.ts.vanilla.css?source=QGtleWZyYW1lcyBkajB4NjAwIHsKICAwJSB7CiAgICBvcGFjaXR5OiAxOwogIH0KICAxMDAlIHsKICAgIG9wYWNpdHk6IDAuNTsKICB9Cn0KLmRqMHg2MDIgewogIGFuaW1hdGlvbi1kaXJlY3Rpb246IGFsdGVybmF0ZTsKICBhbmltYXRpb24tZHVyYXRpb246IDcwMG1zOwogIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjsKICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTsKICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkczsKICBhbmltYXRpb24tbmFtZTogZGoweDYwMDsKfQouZGoweDYwMyB7CiAgZmxleDogMCAwIGF1dG87Cn0= */
@@ -6470,30 +6473,39 @@ input[type=number] {
   flex: 0 0 auto;
 }
 
-/* vanilla-extract-css-ns:src/components/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts.vanilla.css?source=Lmp3ODZmNjEgewogIG91dGxpbmU6IG5vbmU7Cn0KLmp3ODZmNjE6Zm9jdXMgewogIG91dGxpbmU6IG5vbmU7Cn0= */
-[data-rk] .jw86f61 {
+/* vanilla-extract-css-ns:src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts.vanilla.css?source=LnVrY3Q0dDEgewogIG91dGxpbmU6IG5vbmU7Cn0KLnVrY3Q0dDE6Zm9jdXMgewogIG91dGxpbmU6IG5vbmU7Cn0= */
+[data-rk] .ukct4t1 {
   outline: none;
 }
-[data-rk] .jw86f61:focus {
+[data-rk] .ukct4t1:focus {
   outline: none;
 }
 
-/* vanilla-extract-css-ns:src/components/ChainModal/ChainModal.css.ts.vanilla.css?source=Ll8xMTA3aXhjMCB7CiAgbWF4LWhlaWdodDogNDU2cHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47Cn0KLl8xMTA3aXhjMSB7CiAgbWF4LWhlaWdodDogNDU2cHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47CiAgc2Nyb2xsYmFyLXdpZHRoOiBub25lOwp9Ci5fMTEwN2l4YzE6Oi13ZWJraXQtc2Nyb2xsYmFyIHsKICBkaXNwbGF5OiBub25lOwp9 */
-[data-rk] ._1107ixc0 {
+/* vanilla-extract-css-ns:src/modals/ChainModal/ChainModal.css.ts.vanilla.css?source=Ll8xZDJiMXZmMCB7CiAgbWF4LWhlaWdodDogNDU2cHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47Cn0KLl8xZDJiMXZmMSB7CiAgbWF4LWhlaWdodDogNDU2cHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKICBvdmVyZmxvdy14OiBoaWRkZW47CiAgc2Nyb2xsYmFyLXdpZHRoOiBub25lOwp9Ci5fMWQyYjF2ZjE6Oi13ZWJraXQtc2Nyb2xsYmFyIHsKICBkaXNwbGF5OiBub25lOwp9 */
+[data-rk] ._1d2b1vf0 {
   max-height: 456px;
   overflow-y: auto;
   overflow-x: hidden;
 }
-[data-rk] ._1107ixc1 {
+[data-rk] ._1d2b1vf1 {
   max-height: 456px;
   overflow-y: auto;
   overflow-x: hidden;
   scrollbar-width: none;
 }
-[data-rk] ._1107ixc1::-webkit-scrollbar {
+[data-rk] ._1d2b1vf1::-webkit-scrollbar {
   display: none;
 }
 
+/* vanilla-extract-css-ns:src/components/FunCheckoutBlocked/FunCheckoutBlocked.css.ts.vanilla.css?source=Lmhrano1azAgewogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgZGlzcGxheTogZmxleDsKICBmbGV4OiAxOwogIG1pbi1oZWlnaHQ6IDIwMHB4Owp9 */
+[data-rk] .hkjz5k0 {
+  align-items: center;
+  justify-content: center;
+  display: flex;
+  flex: 1;
+  min-height: 200px;
+}
+
 /* vanilla-extract-css-ns:src/components/FunSelectBrokerage/FunBrokerageItem.css.ts.vanilla.css?source=LmFuMzR5OTAgewogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleDogMTsKfQ== */
 [data-rk] .an34y90 {
   display: flex;