@funkit/connect 5.0.9 → 5.0.10

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @funkit/connect
 
+## 5.0.10
+
+### Patch Changes
+
+- e3fe0e2: feat: transfer crypto terms
+
 ## 5.0.9
 
 ### Patch Changes

package/dist/consts/funkit.d.ts

@@ -11,6 +11,7 @@ export declare const RESERVED_GROUP_NAME = "funkit-web2";
 export declare const DEFAULT_FUNWALLET_INDEX = 0;
 export declare const FUN_WORKER_EOA_ADDR = "0x1881ad6e231a14A8Be0f9AE6f9EFd8f3CFb09919";
 export declare const FUN_ORG_NAME = "Fun.xyz";
+export declare const FUN_TERMS_URL = "https://fun.xyz/terms";
 export declare const FROM_PROGRESS_CHECKOUT_STATES: CheckoutState[];
 export declare const TO_PROGRESS_CHECKOUT_STATES: CheckoutState[];
 export declare const IN_PROGRESS_CHECKOUT_STATES: CheckoutState[];

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
-import {
-  darkTheme
-} from "./chunk-W45X55GI.js";
 import {
   lightTheme
 } from "./chunk-N7ULOOYE.js";
+import {
+  darkTheme
+} from "./chunk-W45X55GI.js";
 import {
   systemFontStack
 } from "./chunk-2T4ZDGAO.js";
@@ -395,7 +395,7 @@ function Avatar({ address, imageUrl, loading, size }) {
 }
 
 // src/components/ConnectButton/ConnectButton.tsx
-import React219, { useEffect as useEffect46, useState as useState66 } from "react";
+import React218, { useEffect as useEffect46, useState as useState66 } from "react";
 
 // src/css/touchableStyles.css.ts
 var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
@@ -499,7 +499,7 @@ import PrivyJS, {
   getUserEmbeddedWallet,
   LocalStorage
 } from "@privy-io/js-sdk-core";
-import React216, {
+import React215, {
   createContext as createContext18,
   useCallback as useCallback42,
   useContext as useContext18,
@@ -534,6 +534,7 @@ var RESERVED_GROUP_NAME = "funkit-web2";
 var DEFAULT_FUNWALLET_INDEX = 0;
 var FUN_WORKER_EOA_ADDR = "0x1881ad6e231a14A8Be0f9AE6f9EFd8f3CFb09919";
 var FUN_ORG_NAME = "Fun.xyz";
+var FUN_TERMS_URL = "https://fun.xyz/terms";
 var FROM_PROGRESS_CHECKOUT_STATES = [
   CheckoutState.FROM_UNFUNDED,
   CheckoutState.FROM_FUNDED,
@@ -1021,7 +1022,7 @@ var useFunkitConnectChainsById = () => groupChainsById(useFunkitConnectChains())
 var useInitialChainId = () => useContext4(FunkitConnectChainContext).initialChainId;
 
 // src/providers/ModalContext.tsx
-import React215, {
+import React214, {
   createContext as createContext17,
   useCallback as useCallback41,
   useContext as useContext17,
@@ -11780,7 +11781,7 @@ function ChainModal({ onClose, open }) {
 }
 
 // src/modals/CheckoutModal/FunCheckoutModal.tsx
-import React213 from "react";
+import React212 from "react";
 
 // src/components/DydxSwitchModalTab/DydxSwitchModalTab.tsx
 import React130, { useCallback as useCallback23 } from "react";
@@ -14668,14 +14669,14 @@ var DisclaimerText = ({
     finalConvertedAssetName
   );
   const showCardDisclaimer = isCardPayment && cardDisclaimer;
-  return showDydxDisclaimer ? /* @__PURE__ */ React153.createElement(Text, { size: "10", weight: "regular" }, showCardDisclaimer && `${cardDisclaimer} `, "By clicking on ", continueText, ", you agree to ", FUN_ORG_NAME, "'s", " ", /* @__PURE__ */ React153.createElement(FunLinkButton, { href: "https://fun.xyz/terms", inline: true, text: "terms" }), " and this site's ", /* @__PURE__ */ React153.createElement(FunLinkButton, { href: "https://dydx.trade/terms", inline: true, text: "terms" }), " and ", /* @__PURE__ */ React153.createElement(
+  return showDydxDisclaimer ? /* @__PURE__ */ React153.createElement(Text, { size: "10", weight: "regular" }, showCardDisclaimer && `${cardDisclaimer} `, "By clicking on ", continueText, ", you agree to ", FUN_ORG_NAME, "'s", " ", /* @__PURE__ */ React153.createElement(FunLinkButton, { href: FUN_TERMS_URL, inline: true, text: "terms" }), " and this site's ", /* @__PURE__ */ React153.createElement(FunLinkButton, { href: "https://dydx.trade/terms", inline: true, text: "terms" }), " and ", /* @__PURE__ */ React153.createElement(
     FunLinkButton,
     {
       href: "https://dydx.trade/privacy",
       inline: true,
       text: "privacy policy"
     }
-  ), ".") : /* @__PURE__ */ React153.createElement(Text, { size: "10", weight: "regular" }, isVertex && vertexText ? `${vertexText} ` : showCardDisclaimer && `${cardDisclaimer} `, "By clicking on ", continueText, ", you agree to our", " ", /* @__PURE__ */ React153.createElement(FunLinkButton, { href: "https://fun.xyz/terms", inline: true, text: "terms" }), ".");
+  ), ".") : /* @__PURE__ */ React153.createElement(Text, { size: "10", weight: "regular" }, isVertex && vertexText ? `${vertexText} ` : showCardDisclaimer && `${cardDisclaimer} `, "By clicking on ", continueText, ", you agree to our", " ", /* @__PURE__ */ React153.createElement(FunLinkButton, { href: FUN_TERMS_URL, inline: true, text: "terms" }), ".");
 };
 function useCardDisclaimer(checkoutItem, finalConvertedAssetName) {
   const cardDisclaimer = useMemo22(() => {
@@ -21689,7 +21690,7 @@ function SourceChange({
 // src/modals/CheckoutModal/TransferToken/TransferToken.tsx
 import { FlagKey as FlagKey22 } from "@funkit/utils";
 import { motion as motion8, useAnimationControls as useAnimationControls3 } from "motion/react";
-import React212, { useRef as useRef19, useState as useState60 } from "react";
+import React211, { useRef as useRef19, useState as useState60 } from "react";
 import { polygon as polygon6 } from "viem/chains";
 
 // src/components/CopyAddress/CopyInputDisplayedAddress.tsx
@@ -21929,7 +21930,7 @@ import {
   formatSecondsToReadableForm as formatSecondsToReadableForm4
 } from "@funkit/utils";
 import { motion as motion7, useAnimationControls as useAnimationControls2 } from "motion/react";
-import React211 from "react";
+import React210 from "react";
 import { useState as useState59 } from "react";
 
 // src/components/Icons/New/DollarIcon.tsx
@@ -21980,9 +21981,9 @@ var FileIcon = () => {
   );
 };
 
-// src/components/Icons/New/MessageIcon.tsx
+// src/components/Icons/New/SpeedometerIcon.tsx
 import React209 from "react";
-var MessageIcon = () => {
+var SpeedometerIcon = () => {
   return /* @__PURE__ */ React209.createElement(
     "svg",
     {
@@ -21993,30 +21994,6 @@ var MessageIcon = () => {
       xmlns: "http://www.w3.org/2000/svg"
     },
     /* @__PURE__ */ React209.createElement(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6C11 8.76142 8.76142 11 6 11C5.33584 11 4.70075 10.8702 4.11961 10.6342C4.06711 10.6129 4.03681 10.6006 4.01443 10.5922C4.01179 10.5912 4.00949 10.5904 4.00752 10.5897L4.00515 10.59C3.98669 10.5925 3.96154 10.5966 3.91352 10.6046L2.12024 10.9035C2.03993 10.9169 1.95006 10.9319 1.87202 10.9378C1.78693 10.9443 1.65156 10.9465 1.5085 10.8851C1.33165 10.8093 1.19072 10.6684 1.11486 10.4915C1.0535 10.3484 1.05574 10.2131 1.06216 10.128C1.06805 10.0499 1.08306 9.96009 1.09647 9.87978C1.09728 9.87496 1.09808 9.87017 1.09887 9.86542L1.39536 8.08648C1.40336 8.03846 1.4075 8.01331 1.41 7.99485L1.41032 7.99247C1.4096 7.99051 1.40876 7.98821 1.40776 7.98557C1.39936 7.96319 1.3871 7.93289 1.36578 7.88039C1.12976 7.29925 1 6.66416 1 6Z",
-        fill: "currentColor"
-      }
-    )
-  );
-};
-
-// src/components/Icons/New/SpeedometerIcon.tsx
-import React210 from "react";
-var SpeedometerIcon = () => {
-  return /* @__PURE__ */ React210.createElement(
-    "svg",
-    {
-      width: "12",
-      height: "12",
-      viewBox: "0 0 12 12",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    },
-    /* @__PURE__ */ React210.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -22056,7 +22033,7 @@ var TransferTokenDetails = ({
     }
   };
   const gasFees = void 0;
-  return /* @__PURE__ */ React211.createElement(
+  return /* @__PURE__ */ React210.createElement(
     Box,
     {
       marginBottom: "1",
@@ -22065,7 +22042,7 @@ var TransferTokenDetails = ({
       display: "flex",
       flexDirection: "column"
     },
-    /* @__PURE__ */ React211.createElement(
+    /* @__PURE__ */ React210.createElement(
       Box,
       {
         as: "button",
@@ -22081,17 +22058,17 @@ var TransferTokenDetails = ({
         disabled,
         onClick: handleExpandToggle
       },
-      /* @__PURE__ */ React211.createElement(
+      /* @__PURE__ */ React210.createElement(
         TransferTokenDetail,
         {
           text: "Minimum deposit:",
           value: minAmount ? `$${minAmount}` : "no minimum",
-          icon: /* @__PURE__ */ React211.createElement(InfoIcon, { filled: true })
+          icon: /* @__PURE__ */ React210.createElement(InfoIcon, { filled: true })
         }
       ),
-      /* @__PURE__ */ React211.createElement(AnimatedCaretDownIcon, { expanded: isDisplayed })
+      /* @__PURE__ */ React210.createElement(AnimatedCaretDownIcon, { expanded: isDisplayed })
     ),
-    /* @__PURE__ */ React211.createElement(
+    /* @__PURE__ */ React210.createElement(
       motion7.div,
       {
         initial: "collapsed",
@@ -22102,7 +22079,7 @@ var TransferTokenDetails = ({
           expanded: { height: "auto", opacity: 1 }
         }
       },
-      /* @__PURE__ */ React211.createElement(
+      /* @__PURE__ */ React210.createElement(
         Box,
         {
           paddingX: "12",
@@ -22111,7 +22088,7 @@ var TransferTokenDetails = ({
           gap: "6",
           paddingBottom: "8"
         },
-        /* @__PURE__ */ React211.createElement(
+        /* @__PURE__ */ React210.createElement(
           TransferTokenDetail,
           {
             paddingY: "0",
@@ -22119,30 +22096,30 @@ var TransferTokenDetails = ({
             text: `${priceImpact.label}:`,
             isApproximate: true,
             value: `${formatNumberAndStringify(priceImpact.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
-            icon: /* @__PURE__ */ React211.createElement(DollarIcon, null)
+            icon: /* @__PURE__ */ React210.createElement(DollarIcon, null)
           }
         ),
-        gasFees && /* @__PURE__ */ React211.createElement(
+        gasFees && /* @__PURE__ */ React210.createElement(
           TransferTokenDetail,
           {
             text: "Estimated gas:",
             isApproximate: true,
             value: `$${gasFees}`,
-            icon: /* @__PURE__ */ React211.createElement(DollarIcon, null)
+            icon: /* @__PURE__ */ React210.createElement(DollarIcon, null)
           }
         ),
-        /* @__PURE__ */ React211.createElement(
+        /* @__PURE__ */ React210.createElement(
           TransferTokenDetail,
           {
             text: "Estimated processing time:",
             value: formatSecondsToReadableForm4(timeEstimation, true),
-            icon: /* @__PURE__ */ React211.createElement(SpeedometerIcon, null)
+            icon: /* @__PURE__ */ React210.createElement(SpeedometerIcon, null)
           }
         ),
-        /* @__PURE__ */ React211.createElement(
+        /* @__PURE__ */ React210.createElement(
           TransferTokenDetail,
           {
-            text: /* @__PURE__ */ React211.createElement(React211.Fragment, null, "Have questions?", " ", /* @__PURE__ */ React211.createElement(
+            text: /* @__PURE__ */ React210.createElement(React210.Fragment, null, "Have questions?", " ", /* @__PURE__ */ React210.createElement(
               FunLinkButton,
               {
                 inline: true,
@@ -22151,22 +22128,7 @@ var TransferTokenDetails = ({
                 textProps: { size: "12", weight: "regular" }
               }
             )),
-            icon: /* @__PURE__ */ React211.createElement(FileIcon, null)
-          }
-        ),
-        /* @__PURE__ */ React211.createElement(
-          TransferTokenDetail,
-          {
-            text: /* @__PURE__ */ React211.createElement(React211.Fragment, null, /* @__PURE__ */ React211.createElement(
-              FunLinkButton,
-              {
-                inline: true,
-                text: "Terms & conditions",
-                href: "https://fun.xyz/terms",
-                textProps: { size: "12", weight: "regular" }
-              }
-            ), " ", "apply"),
-            icon: /* @__PURE__ */ React211.createElement(MessageIcon, null)
+            icon: /* @__PURE__ */ React210.createElement(FileIcon, null)
           }
         )
       )
@@ -22181,7 +22143,7 @@ var TransferTokenDetail = ({
   ...boxProps
 }) => {
   const valueLabel = value && (isApproximate ? ` ~${value}` : ` ${value}`);
-  return /* @__PURE__ */ React211.createElement(Box, { display: "flex", gap: "6", alignItems: "center", paddingY: "2", ...boxProps }, /* @__PURE__ */ React211.createElement(
+  return /* @__PURE__ */ React210.createElement(Box, { display: "flex", gap: "6", alignItems: "center", paddingY: "2", ...boxProps }, /* @__PURE__ */ React210.createElement(
     Box,
     {
       color: "secondaryText",
@@ -22190,7 +22152,7 @@ var TransferTokenDetail = ({
       justifyContent: "center"
     },
     icon
-  ), /* @__PURE__ */ React211.createElement(Text, { size: "12" }, text, value && /* @__PURE__ */ React211.createElement(Text, { size: "12", weight: "medium", display: "inline" }, valueLabel)));
+  ), /* @__PURE__ */ React210.createElement(Text, { size: "12" }, text, value && /* @__PURE__ */ React210.createElement(Text, { size: "12", weight: "medium", display: "inline" }, valueLabel)));
 };
 
 // src/hooks/useTokenTransfer.ts
@@ -22313,7 +22275,7 @@ function TransferToken({
   const isLoadingDepositAddress = depositAddress === void 0;
   return (
     // This ID is used in the DialogContent css to set the height of the modal
-    /* @__PURE__ */ React212.createElement(Box, { id: "token-transfer-page" }, /* @__PURE__ */ React212.createElement(
+    /* @__PURE__ */ React211.createElement(Box, { id: "token-transfer-page" }, /* @__PURE__ */ React211.createElement(
       Box,
       {
         display: "flex",
@@ -22322,17 +22284,17 @@ function TransferToken({
         justifyContent: "center",
         gap: "18"
       },
-      /* @__PURE__ */ React212.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React212.createElement(
+      /* @__PURE__ */ React211.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React211.createElement(
         SourcePaymentMethodItem,
         {
           type: "token_transfer" /* TOKEN_TRANSFER */,
           keyText: textCustomizations.transferTokens,
           disclaimerText: "No limit",
-          keyIcon: /* @__PURE__ */ React212.createElement(LightningBoltIcon, null),
+          keyIcon: /* @__PURE__ */ React211.createElement(LightningBoltIcon, null),
           onClick: () => onNext({})
         }
       )),
-      /* @__PURE__ */ React212.createElement(Box, { width: "full", display: "flex", gap: "12" }, /* @__PURE__ */ React212.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React212.createElement(Text, { size: "12", weight: "medium" }, "Token"), /* @__PURE__ */ React212.createElement(
+      /* @__PURE__ */ React211.createElement(Box, { width: "full", display: "flex", gap: "12" }, /* @__PURE__ */ React211.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React211.createElement(Text, { size: "12", weight: "medium" }, "Token"), /* @__PURE__ */ React211.createElement(
         TokenDropdown_default,
         {
           defaultSelectedToken,
@@ -22356,7 +22318,7 @@ function TransferToken({
             }
           }
         }
-      )), /* @__PURE__ */ React212.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React212.createElement(Text, { size: "12", weight: "medium" }, "Chain"), /* @__PURE__ */ React212.createElement(
+      )), /* @__PURE__ */ React211.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React211.createElement(Text, { size: "12", weight: "medium" }, "Chain"), /* @__PURE__ */ React211.createElement(
         ChainDropdown,
         {
           selectedToken,
@@ -22374,7 +22336,7 @@ function TransferToken({
           }
         }
       ))),
-      /* @__PURE__ */ React212.createElement(
+      /* @__PURE__ */ React211.createElement(
         Box,
         {
           display: "flex",
@@ -22382,7 +22344,7 @@ function TransferToken({
           justifyContent: "center",
           padding: "20"
         },
-        isLoadingDepositAddress ? /* @__PURE__ */ React212.createElement(QRCodeSkeletonLoader_default, { diagonalDimension: 12 }) : /* @__PURE__ */ React212.createElement(
+        isLoadingDepositAddress ? /* @__PURE__ */ React211.createElement(QRCodeSkeletonLoader_default, { diagonalDimension: 12 }) : /* @__PURE__ */ React211.createElement(
           motion8.div,
           {
             onHoverStart: toggleQrHover,
@@ -22402,7 +22364,7 @@ function TransferToken({
             },
             animate: controls
           },
-          /* @__PURE__ */ React212.createElement(
+          /* @__PURE__ */ React211.createElement(
             QRCode,
             {
               withShadow: true,
@@ -22417,26 +22379,33 @@ function TransferToken({
           )
         )
       ),
-      /* @__PURE__ */ React212.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React212.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React212.createElement(
+      /* @__PURE__ */ React211.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React211.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React211.createElement(
         Box,
         {
           display: "flex",
           alignItems: "center",
-          gap: "4",
+          justifyContent: "space-between",
           ref: disclaimerTextWrapperRef
         },
-        /* @__PURE__ */ React212.createElement(Text, { size: "12", weight: "medium" }, "Your deposit address"),
-        /* @__PURE__ */ React212.createElement(
+        /* @__PURE__ */ React211.createElement(Box, { display: "flex", alignItems: "center", gap: "4" }, /* @__PURE__ */ React211.createElement(Text, { size: "12", weight: "medium" }, "Your deposit address"), /* @__PURE__ */ React211.createElement(
           FunTooltip,
           {
             content: `Send any accepted token to this address and it will auto
-            swap to ${targetAssetTicker} in your account.`,
+              swap to ${targetAssetTicker} in your account.`,
             wrapperElementRef: disclaimerTextWrapperRef,
             enableDynamicPositioning: true
           },
-          /* @__PURE__ */ React212.createElement(Box, { color: { base: "tertiaryText", hover: "primaryText" } }, /* @__PURE__ */ React212.createElement(InfoIcon, null))
+          /* @__PURE__ */ React211.createElement(Box, { color: { base: "tertiaryText", hover: "primaryText" } }, /* @__PURE__ */ React211.createElement(InfoIcon, null))
+        )),
+        /* @__PURE__ */ React211.createElement(
+          FunLinkButton,
+          {
+            text: "Terms apply",
+            href: FUN_TERMS_URL,
+            textProps: { size: "12", weight: "regular" }
+          }
         )
-      ), isLoadingDepositAddress ? /* @__PURE__ */ React212.createElement(FunSkeletonBlock, { height: "66", width: "full" }) : /* @__PURE__ */ React212.createElement(CopyInputDisplayedAddress, { address: depositAddress })), /* @__PURE__ */ React212.createElement(FunInfoBanner, null), /* @__PURE__ */ React212.createElement(
+      ), isLoadingDepositAddress ? /* @__PURE__ */ React211.createElement(FunSkeletonBlock, { height: "66", width: "full" }) : /* @__PURE__ */ React211.createElement(CopyInputDisplayedAddress, { address: depositAddress })), /* @__PURE__ */ React211.createElement(FunInfoBanner, null), /* @__PURE__ */ React211.createElement(
         TransferTokenDetails,
         {
           disabled: isLoadingDepositAddress,
@@ -22580,7 +22549,7 @@ function useTitleConfig(checkoutItem, state) {
 // src/modals/CheckoutModal/FunCheckoutModal.tsx
 function FunCheckoutModalStepComponent(props) {
   const { Component: Component2 } = CheckoutModalSteps[props.modalState.step];
-  return /* @__PURE__ */ React213.createElement(Component2, { ...props });
+  return /* @__PURE__ */ React212.createElement(Component2, { ...props });
 }
 function FunCheckoutModalInner({
   checkoutItem,
@@ -22625,7 +22594,7 @@ function FunCheckoutModalInner({
     depositAddress: checkoutItem.depositAddress ?? void 0,
     isCheckoutDetailView: modalState.step === "checkout_complete" /* CHECKOUT_COMPLETE */,
     paddingTop: 0,
-    topbar: /* @__PURE__ */ React213.createElement(
+    topbar: /* @__PURE__ */ React212.createElement(
       Dialog.Title,
       {
         hasBackButton: hasBack && !isBlocked,
@@ -22639,7 +22608,7 @@ function FunCheckoutModalInner({
     ),
     withTopDivider: checkoutConfig.modalTitleMeta ? "always" : "scroll"
   });
-  return /* @__PURE__ */ React213.createElement(
+  return /* @__PURE__ */ React212.createElement(
     Dialog,
     {
       open,
@@ -22648,7 +22617,7 @@ function FunCheckoutModalInner({
       isHidden: modalState.isSoftHidden
     },
     topbar,
-    /* @__PURE__ */ React213.createElement(
+    /* @__PURE__ */ React212.createElement(
       Dialog.Content,
       {
         fullHeight: showFullHeight,
@@ -22658,22 +22627,22 @@ function FunCheckoutModalInner({
         withTopDivider,
         withBottomDivider: modalState.step === "transfer_token" /* TRANSFER_TOKEN */ ? "never" : "scroll"
       },
-      isBlocked ? /* @__PURE__ */ React213.createElement(
+      isBlocked ? /* @__PURE__ */ React212.createElement(
         FunCheckoutBlocked,
         {
           reason: isUserGeoblocked ? "geoblock" : "security"
         }
-      ) : /* @__PURE__ */ React213.createElement(React213.Fragment, null, /* @__PURE__ */ React213.createElement(
+      ) : /* @__PURE__ */ React212.createElement(React212.Fragment, null, /* @__PURE__ */ React212.createElement(
         DydxSwitchTab,
         {
           checkoutItem,
           showSwitch: showDydxSwitch,
           onClose: onCloseWrapper
         }
-      ), /* @__PURE__ */ React213.createElement(FunCheckoutModalStepComponent, { ...modalProps }))
+      ), /* @__PURE__ */ React212.createElement(FunCheckoutModalStepComponent, { ...modalProps }))
     ),
-    /* @__PURE__ */ React213.createElement(Dialog.BottomSection, { id: CHECKOUT_MODAL_BOTTOM_BAR_ID }),
-    !isBlocked && /* @__PURE__ */ React213.createElement(
+    /* @__PURE__ */ React212.createElement(Dialog.BottomSection, { id: CHECKOUT_MODAL_BOTTOM_BAR_ID }),
+    !isBlocked && /* @__PURE__ */ React212.createElement(
       CheckoutNotifications,
       {
         onHelp: handleCheckoutHelp,
@@ -22687,7 +22656,7 @@ function FunCheckoutModal({ onClose, open }) {
   if (!checkoutItem) {
     return null;
   }
-  return /* @__PURE__ */ React213.createElement(
+  return /* @__PURE__ */ React212.createElement(
     FunCheckoutModalInner,
     {
       checkoutItem,
@@ -22698,7 +22667,7 @@ function FunCheckoutModal({ onClose, open }) {
 }
 
 // src/modals/ConnectModal/ConnectModal.tsx
-import React214 from "react";
+import React213 from "react";
 import { useAccount as useAccount9 } from "wagmi";
 var TITLE_ID2 = "rk_connect_title";
 function ConnectModal({
@@ -22709,12 +22678,12 @@ function ConnectModal({
   const connectionStatus = useConnectionStatus();
   const { disconnect } = useFunkitDisconnect();
   const { isConnecting } = useAccount9();
-  const onConnectModalCancel = React214.useCallback(() => {
+  const onConnectModalCancel = React213.useCallback(() => {
     if (isConnecting) disconnect();
     onClose();
   }, [onClose, disconnect, isConnecting]);
   if (connectionStatus === "disconnected" || connectionStatus === "loading") {
-    return /* @__PURE__ */ React214.createElement(
+    return /* @__PURE__ */ React213.createElement(
       Dialog,
       {
         onClose: onConnectModalCancel,
@@ -22722,7 +22691,7 @@ function ConnectModal({
         titleId: TITLE_ID2,
         isSmartCloseable: true
       },
-      /* @__PURE__ */ React214.createElement(
+      /* @__PURE__ */ React213.createElement(
         FunConnectOptions,
         {
           onClose: onConnectModalCancel,
@@ -22813,7 +22782,7 @@ function ModalProvider({ children }) {
   useEffect43(() => {
     if (isUnauthenticated) closeModals();
   }, [isUnauthenticated]);
-  return /* @__PURE__ */ React215.createElement(
+  return /* @__PURE__ */ React214.createElement(
     ModalContext.Provider,
     {
       value: useMemo38(
@@ -22851,7 +22820,7 @@ function ModalProvider({ children }) {
       )
     },
     children,
-    /* @__PURE__ */ React215.createElement(
+    /* @__PURE__ */ React214.createElement(
       ConnectModal,
       {
         onClose: closeConnectModal,
@@ -22859,7 +22828,7 @@ function ModalProvider({ children }) {
         walletsOnly: !!walletsOnly
       }
     ),
-    /* @__PURE__ */ React215.createElement(
+    /* @__PURE__ */ React214.createElement(
       AccountModal,
       {
         onClose: closeAccountModal,
@@ -22867,8 +22836,8 @@ function ModalProvider({ children }) {
         defaultTab: accountModalTab
       }
     ),
-    /* @__PURE__ */ React215.createElement(ChainModal, { onClose: closeChainModal, open: chainModalOpen }),
-    /* @__PURE__ */ React215.createElement(
+    /* @__PURE__ */ React214.createElement(ChainModal, { onClose: closeChainModal, open: chainModalOpen }),
+    /* @__PURE__ */ React214.createElement(
       FunCheckoutModal,
       {
         onClose: closeFunCheckoutModal,
@@ -23603,7 +23572,7 @@ var FunkitWeb2Provider = ({
     handleFunkitWeb2Logout,
     web2UserInfo
   };
-  return /* @__PURE__ */ React216.createElement(FunkitWeb2Context.Provider, { value: contextValue }, privyIframeUrl ? /* @__PURE__ */ React216.createElement(
+  return /* @__PURE__ */ React215.createElement(FunkitWeb2Context.Provider, { value: contextValue }, privyIframeUrl ? /* @__PURE__ */ React215.createElement(
     "iframe",
     {
       id: PRIVY_IFRAME_ID,
@@ -23636,7 +23605,7 @@ function useConnectionStatus() {
 }
 
 // src/providers/ShowBalanceContext.tsx
-import React217, {
+import React216, {
   createContext as createContext19,
   useContext as useContext19,
   useState as useState64
@@ -23647,13 +23616,13 @@ var ShowBalanceContext = createContext19({
 });
 function ShowBalanceProvider({ children }) {
   const [showBalance, setShowBalance] = useState64();
-  return /* @__PURE__ */ React217.createElement(ShowBalanceContext.Provider, { value: { showBalance, setShowBalance } }, children);
+  return /* @__PURE__ */ React216.createElement(ShowBalanceContext.Provider, { value: { showBalance, setShowBalance } }, children);
 }
 var useShowBalance = () => useContext19(ShowBalanceContext);
 
 // src/components/ConnectButton/ConnectButtonRenderer.tsx
 import { formatCurrencyAndStringify as formatCurrencyAndStringify11, isMobile as isMobile14, noop as noop8 } from "@funkit/utils";
-import React218 from "react";
+import React217 from "react";
 import { useAccount as useAccount12, useBalance, useConfig as useConfig6 } from "wagmi";
 
 // src/hooks/useIsMounted.ts
@@ -23744,7 +23713,7 @@ function ConnectButtonRenderer({
   const { openChainModal } = useChainModal();
   const { openAccountModal } = useAccountModal();
   const { accountModalOpen, chainModalOpen, connectModalOpen } = useModalState();
-  return /* @__PURE__ */ React218.createElement(React218.Fragment, null, children({
+  return /* @__PURE__ */ React217.createElement(React217.Fragment, null, children({
     account: address ? {
       address,
       balanceDecimals: balanceData?.decimals,
@@ -23800,7 +23769,7 @@ function ChainSelectorButton({
   openChainModal,
   chain
 }) {
-  return /* @__PURE__ */ React219.createElement(
+  return /* @__PURE__ */ React218.createElement(
     Box,
     {
       alignItems: "center",
@@ -23828,7 +23797,7 @@ function ChainSelectorButton({
       type: "button",
       ...connectButtonStyles
     },
-    unsupportedChain ? /* @__PURE__ */ React219.createElement(Box, { alignItems: "center", display: "flex", height: "24", paddingX: "4" }, "Wrong network") : /* @__PURE__ */ React219.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, chain.hasIcon ? /* @__PURE__ */ React219.createElement(
+    unsupportedChain ? /* @__PURE__ */ React218.createElement(Box, { alignItems: "center", display: "flex", height: "24", paddingX: "4" }, "Wrong network") : /* @__PURE__ */ React218.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, chain.hasIcon ? /* @__PURE__ */ React218.createElement(
       Box,
       {
         display: mapResponsiveValue(
@@ -23838,7 +23807,7 @@ function ChainSelectorButton({
         height: "12",
         width: "12"
       },
-      /* @__PURE__ */ React219.createElement(
+      /* @__PURE__ */ React218.createElement(
         AsyncImage,
         {
           alt: chain.name ?? "Chain icon",
@@ -23849,7 +23818,7 @@ function ChainSelectorButton({
           src: chain.iconUrl
         }
       )
-    ) : null, /* @__PURE__ */ React219.createElement(
+    ) : null, /* @__PURE__ */ React218.createElement(
       Box,
       {
         display: mapResponsiveValue(chainStatus, (value) => {
@@ -23869,7 +23838,7 @@ function AccountButton({
   showBalance,
   accountStatus
 }) {
-  return /* @__PURE__ */ React219.createElement(
+  return /* @__PURE__ */ React218.createElement(
     Box,
     {
       alignItems: "center",
@@ -23889,7 +23858,7 @@ function AccountButton({
       gap: "16",
       ...connectButtonStyles
     },
-    account.displayBalance && /* @__PURE__ */ React219.createElement(
+    account.displayBalance && /* @__PURE__ */ React218.createElement(
       Box,
       {
         display: mapResponsiveValue(
@@ -23899,7 +23868,7 @@ function AccountButton({
       },
       account.displayBalance
     ),
-    /* @__PURE__ */ React219.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, /* @__PURE__ */ React219.createElement(
+    /* @__PURE__ */ React218.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, /* @__PURE__ */ React218.createElement(
       Box,
       {
         display: mapResponsiveValue(
@@ -23907,7 +23876,7 @@ function AccountButton({
           (value) => value === "full" || value === "avatar" ? "block" : "none"
         )
       },
-      /* @__PURE__ */ React219.createElement(
+      /* @__PURE__ */ React218.createElement(
         Avatar,
         {
           address: account.address,
@@ -23916,7 +23885,7 @@ function AccountButton({
           size: 12
         }
       )
-    ), /* @__PURE__ */ React219.createElement(
+    ), /* @__PURE__ */ React218.createElement(
       Box,
       {
         display: mapResponsiveValue(
@@ -23947,7 +23916,7 @@ function ConnectButton({
     setShowBalance(showBalance);
     if (!ready) setReady(true);
   }, [showBalance, setShowBalance, ready]);
-  return ready ? /* @__PURE__ */ React219.createElement(ConnectButtonRenderer, null, ({
+  return ready ? /* @__PURE__ */ React218.createElement(ConnectButtonRenderer, null, ({
     account,
     chain,
     mounted,
@@ -23957,7 +23926,7 @@ function ConnectButton({
   }) => {
     const ready2 = mounted && connectionStatus !== "loading";
     const unsupportedChain = chain?.unsupported ?? false;
-    return /* @__PURE__ */ React219.createElement(
+    return /* @__PURE__ */ React218.createElement(
       Box,
       {
         display: "flex",
@@ -23973,7 +23942,7 @@ function ConnectButton({
       },
       ready2 && account && connectionStatus === "connected" ? (
         // Logged in: Chain Button & Account Button
-        /* @__PURE__ */ React219.createElement(React219.Fragment, null, showChainSelector && chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React219.createElement(
+        /* @__PURE__ */ React218.createElement(React218.Fragment, null, showChainSelector && chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React218.createElement(
           ChainSelectorButton,
           {
             unsupportedChain,
@@ -23981,7 +23950,7 @@ function ConnectButton({
             openChainModal,
             chain
           }
-        ), !unsupportedChain && /* @__PURE__ */ React219.createElement(
+        ), !unsupportedChain && /* @__PURE__ */ React218.createElement(
           AccountButton,
           {
             openAccountModal,
@@ -23992,7 +23961,7 @@ function ConnectButton({
         ))
       ) : (
         // Not logged in: Connect Button
-        /* @__PURE__ */ React219.createElement(
+        /* @__PURE__ */ React218.createElement(
           Box,
           {
             as: "button",
@@ -24010,19 +23979,19 @@ function ConnectButton({
             type: "button",
             ...connectButtonStyles
           },
-          /* @__PURE__ */ React219.createElement(Box, { display: "flex", gap: "8", alignItems: "center" }, mounted && label, suffixIcon)
+          /* @__PURE__ */ React218.createElement(Box, { display: "flex", gap: "8", alignItems: "center" }, mounted && label, suffixIcon)
         )
       )
     );
-  }) : /* @__PURE__ */ React219.createElement(React219.Fragment, null);
+  }) : /* @__PURE__ */ React218.createElement(React218.Fragment, null);
 }
 ConnectButton.__defaultProps = defaultProps;
 ConnectButton.Custom = ConnectButtonRenderer;
 
 // src/components/Icons/FunkitPaymentsIconLine.tsx
-import React220 from "react";
+import React219 from "react";
 function MetaMaskPaymentIcon({ size = 16 }) {
-  return /* @__PURE__ */ React220.createElement(
+  return /* @__PURE__ */ React219.createElement(
     "svg",
     {
       width: size,
@@ -24031,7 +24000,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M24.0891 3.1199L15.3446 9.61456L16.9617 5.7828L24.0891 3.1199Z",
@@ -24042,7 +24011,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M3.90207 3.1199L12.5763 9.67608L11.0383 5.7828L3.90207 3.1199Z",
@@ -24053,7 +24022,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M20.9429 18.1745L18.6139 21.7426L23.597 23.1136L25.0295 18.2536L20.9429 18.1745Z",
@@ -24064,7 +24033,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M2.97929 18.2536L4.40301 23.1136L9.38607 21.7426L7.05713 18.1745L2.97929 18.2536Z",
@@ -24075,7 +24044,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M9.10483 12.1456L7.71626 14.2461L12.6642 14.4658L12.4884 9.14877L9.10483 12.1456Z",
@@ -24086,7 +24055,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M18.8864 12.1456L15.4589 9.08725L15.3446 14.4658L20.2837 14.2461L18.8864 12.1456Z",
@@ -24097,7 +24066,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M9.38606 21.7426L12.3566 20.2925L9.79033 18.2888L9.38606 21.7426Z",
@@ -24108,7 +24077,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M15.6347 20.2925L18.6139 21.7426L18.2009 18.2888L15.6347 20.2925Z",
@@ -24119,7 +24088,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M18.6139 21.7426L15.6347 20.2925L15.8719 22.2348L15.8456 23.0521L18.6139 21.7426Z",
@@ -24130,7 +24099,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M9.38606 21.7426L12.1544 23.0521L12.1368 22.2348L12.3566 20.2925L9.38606 21.7426Z",
@@ -24141,7 +24110,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M12.1984 17.0056L9.72002 16.2762L11.4689 15.4765L12.1984 17.0056Z",
@@ -24152,7 +24121,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M15.7928 17.0056L16.5223 15.4765L18.28 16.2762L15.7928 17.0056Z",
@@ -24163,7 +24132,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M9.38606 21.7426L9.80791 18.1745L7.05712 18.2536L9.38606 21.7426Z",
@@ -24174,7 +24143,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M18.1921 18.1745L18.6139 21.7426L20.9429 18.2536L18.1921 18.1745Z",
@@ -24185,7 +24154,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M20.2837 14.2461L15.3446 14.4658L15.8016 17.0057L16.5311 15.4765L18.2888 16.2762L20.2837 14.2461Z",
@@ -24196,7 +24165,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M9.72002 16.2762L11.4777 15.4765L12.1984 17.0057L12.6642 14.4658L7.71626 14.2461L9.72002 16.2762Z",
@@ -24207,7 +24176,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M7.71626 14.2461L9.79033 18.2888L9.72002 16.2762L7.71626 14.2461Z",
@@ -24218,7 +24187,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M18.2888 16.2762L18.2009 18.2888L20.2837 14.2461L18.2888 16.2762Z",
@@ -24229,7 +24198,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M12.6642 14.4658L12.1984 17.0057L12.7784 20.0025L12.9102 16.0565L12.6642 14.4658Z",
@@ -24240,7 +24209,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M15.3446 14.4658L15.1073 16.0477L15.2128 20.0025L15.8016 17.0057L15.3446 14.4658Z",
@@ -24251,7 +24220,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M15.8016 17.0056L15.2128 20.0025L15.6347 20.2925L18.2009 18.2888L18.2888 16.2762L15.8016 17.0056Z",
@@ -24262,7 +24231,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M9.72002 16.2762L9.79033 18.2888L12.3566 20.2925L12.7784 20.0025L12.1984 17.0056L9.72002 16.2762Z",
@@ -24273,7 +24242,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M15.8456 23.0521L15.8719 22.2348L15.6522 22.0414H12.339L12.1368 22.2348L12.1544 23.0521L9.38606 21.7426L10.3528 22.5336L12.3126 23.8958H15.6786L17.6472 22.5336L18.6139 21.7426L15.8456 23.0521Z",
@@ -24284,7 +24253,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M15.6347 20.2925L15.2128 20.0025H12.7784L12.3566 20.2925L12.1368 22.2348L12.339 22.0414H15.6522L15.8719 22.2348L15.6347 20.2925Z",
@@ -24295,7 +24264,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M24.4583 10.0364L25.2053 6.45072L24.0891 3.1199L15.6347 9.39485L18.8864 12.1456L23.4827 13.4903L24.5022 12.3038L24.0628 11.9874L24.7658 11.3459L24.221 10.924L24.924 10.3879L24.4583 10.0364Z",
@@ -24306,7 +24275,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M2.79472 6.45072L3.54174 10.0364L3.06717 10.3879L3.77024 10.924L3.23415 11.3459L3.93722 11.9874L3.4978 12.3038L4.50847 13.4903L9.10483 12.1456L12.3566 9.39485L3.90207 3.1199L2.79472 6.45072Z",
@@ -24317,7 +24286,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M23.4827 13.4903L18.8864 12.1456L20.2837 14.2461L18.2009 18.2888L20.9429 18.2536H25.0295L23.4827 13.4903Z",
@@ -24328,7 +24297,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M9.10484 12.1456L4.50848 13.4903L2.97929 18.2536H7.05713L9.79033 18.2888L7.71626 14.2461L9.10484 12.1456Z",
@@ -24339,7 +24308,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M15.3446 14.4658L15.6347 9.39485L16.9705 5.7828H11.0383L12.3566 9.39485L12.6642 14.4658L12.7696 16.0653L12.7784 20.0025H15.2128L15.2304 16.0653L15.3446 14.4658Z",
@@ -24353,14 +24322,14 @@ function MetaMaskPaymentIcon({ size = 16 }) {
   );
 }
 function MastercardPaymentIcon({ size = 16 }) {
-  return /* @__PURE__ */ React220.createElement(
+  return /* @__PURE__ */ React219.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       height: size,
       viewBox: "0 0 152.407 108"
     },
-    /* @__PURE__ */ React220.createElement("g", null, /* @__PURE__ */ React220.createElement("rect", { width: "152.407", height: "108", fill: "transparent" }), /* @__PURE__ */ React220.createElement("g", null, /* @__PURE__ */ React220.createElement(
+    /* @__PURE__ */ React219.createElement("g", null, /* @__PURE__ */ React219.createElement("rect", { width: "152.407", height: "108", fill: "transparent" }), /* @__PURE__ */ React219.createElement("g", null, /* @__PURE__ */ React219.createElement(
       "rect",
       {
         x: "60.4117",
@@ -24369,21 +24338,21 @@ function MastercardPaymentIcon({ size = 16 }) {
         height: "56.6064",
         fill: "#ff5f00"
       }
-    ), /* @__PURE__ */ React220.createElement(
+    ), /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M382.20839,306a35.9375,35.9375,0,0,1,13.7499-28.3032,36,36,0,1,0,0,56.6064A35.938,35.938,0,0,1,382.20839,306Z",
         transform: "translate(-319.79649 -252)",
         fill: "#eb001b"
       }
-    ), /* @__PURE__ */ React220.createElement(
+    ), /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M454.20349,306a35.99867,35.99867,0,0,1-58.2452,28.3032,36.00518,36.00518,0,0,0,0-56.6064A35.99867,35.99867,0,0,1,454.20349,306Z",
         transform: "translate(-319.79649 -252)",
         fill: "#f79e1b"
       }
-    ), /* @__PURE__ */ React220.createElement(
+    ), /* @__PURE__ */ React219.createElement(
       "path",
       {
         d: "M450.76889,328.3077v-1.1589h.4673v-.2361h-1.1901v.2361h.4675v1.1589Zm2.3105,0v-1.3973h-.3648l-.41959.9611-.41971-.9611h-.365v1.3973h.2576v-1.054l.3935.9087h.2671l.39351-.911v1.0563Z",
@@ -24397,7 +24366,7 @@ function FunkitPaymentsIconLine({
   size = 16,
   gap = "2"
 }) {
-  return /* @__PURE__ */ React220.createElement(
+  return /* @__PURE__ */ React219.createElement(
     Box,
     {
       display: "flex",
@@ -24406,9 +24375,9 @@ function FunkitPaymentsIconLine({
       alignItems: "center",
       justifyContent: "center"
     },
-    /* @__PURE__ */ React220.createElement(MetaMaskPaymentIcon, { size }),
-    /* @__PURE__ */ React220.createElement(MastercardPaymentIcon, { size }),
-    /* @__PURE__ */ React220.createElement(CoinbaseIcon, { size })
+    /* @__PURE__ */ React219.createElement(MetaMaskPaymentIcon, { size }),
+    /* @__PURE__ */ React219.createElement(MastercardPaymentIcon, { size }),
+    /* @__PURE__ */ React219.createElement(CoinbaseIcon, { size })
   );
 }
 
@@ -24467,7 +24436,7 @@ var useUpdateActiveFunkitCheckout = () => {
 
 // src/providers/FunkitProvider.tsx
 import { QueryClientProvider } from "@tanstack/react-query";
-import React221, { createContext as createContext20, useContext as useContext20 } from "react";
+import React220, { createContext as createContext20, useContext as useContext20 } from "react";
 import { WagmiProvider, useAccountEffect as useAccountEffect3 } from "wagmi";
 
 // src/utils/funkitProvider.ts
@@ -24551,7 +24520,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "5.0.9";
+  return "5.0.10";
 }
 function useFingerprint() {
   const fingerprint = useCallback44(() => {
@@ -24602,7 +24571,7 @@ function FunkitProvider(props) {
     !!props.debug,
     getCurrentSdkVersion()
   );
-  const MainChild = /* @__PURE__ */ React221.createElement(FunkitThemeProvider, { theme: props.theme }, /* @__PURE__ */ React221.createElement(
+  const MainChild = /* @__PURE__ */ React220.createElement(FunkitThemeProvider, { theme: props.theme }, /* @__PURE__ */ React220.createElement(
     FunkitProviderInner,
     {
       avatar: props.avatar,
@@ -24615,7 +24584,7 @@ function FunkitProvider(props) {
     },
     props.children
   ));
-  return finalWagmiConfig && finalQueryClient ? /* @__PURE__ */ React221.createElement(WagmiProvider, { config: finalWagmiConfig }, /* @__PURE__ */ React221.createElement(QueryClientProvider, { client: finalQueryClient }, MainChild)) : MainChild;
+  return finalWagmiConfig && finalQueryClient ? /* @__PURE__ */ React220.createElement(WagmiProvider, { config: finalWagmiConfig }, /* @__PURE__ */ React220.createElement(QueryClientProvider, { client: finalQueryClient }, MainChild)) : MainChild;
 }
 function FunkitProviderInner({
   avatar,
@@ -24635,7 +24604,7 @@ function FunkitProviderInner({
   const avatarContext = avatar ?? defaultAvatar;
   const isSandboxMode = !!sandbox;
   const modalSizeFinal = modalSize || ModalSizeOptions.COMPACT;
-  return /* @__PURE__ */ React221.createElement(FunkitConfigContext.Provider, { value: funkitConfig }, /* @__PURE__ */ React221.createElement(FunkitConnectChainProvider, { initialChain }, /* @__PURE__ */ React221.createElement(ModalSizeProvider, { modalSize: modalSizeFinal }, /* @__PURE__ */ React221.createElement(FunkitWeb2Provider, null, /* @__PURE__ */ React221.createElement(GeneralWalletProvider, null, /* @__PURE__ */ React221.createElement(FunkitFlagsProvider, null, /* @__PURE__ */ React221.createElement(FunkitCheckoutHistoryProvider, null, /* @__PURE__ */ React221.createElement(FunkitCheckoutProvider, null, /* @__PURE__ */ React221.createElement(FunkitQuoteProvider, null, /* @__PURE__ */ React221.createElement(FunkitSandboxContext.Provider, { value: isSandboxMode }, /* @__PURE__ */ React221.createElement(FunkitMeshProvider, null, /* @__PURE__ */ React221.createElement(AvatarContext.Provider, { value: avatarContext }, /* @__PURE__ */ React221.createElement(ThemeIdContext2.Provider, { value: id }, /* @__PURE__ */ React221.createElement(ShowBalanceProvider, null, /* @__PURE__ */ React221.createElement(FunkitMoonpayProvider, { debug: !!debug }, /* @__PURE__ */ React221.createElement(UserPresenceProvider, null, /* @__PURE__ */ React221.createElement(ModalProvider, null, activeTheme ? /* @__PURE__ */ React221.createElement(
+  return /* @__PURE__ */ React220.createElement(FunkitConfigContext.Provider, { value: funkitConfig }, /* @__PURE__ */ React220.createElement(FunkitConnectChainProvider, { initialChain }, /* @__PURE__ */ React220.createElement(ModalSizeProvider, { modalSize: modalSizeFinal }, /* @__PURE__ */ React220.createElement(FunkitWeb2Provider, null, /* @__PURE__ */ React220.createElement(GeneralWalletProvider, null, /* @__PURE__ */ React220.createElement(FunkitFlagsProvider, null, /* @__PURE__ */ React220.createElement(FunkitCheckoutHistoryProvider, null, /* @__PURE__ */ React220.createElement(FunkitCheckoutProvider, null, /* @__PURE__ */ React220.createElement(FunkitQuoteProvider, null, /* @__PURE__ */ React220.createElement(FunkitSandboxContext.Provider, { value: isSandboxMode }, /* @__PURE__ */ React220.createElement(FunkitMeshProvider, null, /* @__PURE__ */ React220.createElement(AvatarContext.Provider, { value: avatarContext }, /* @__PURE__ */ React220.createElement(ThemeIdContext2.Provider, { value: id }, /* @__PURE__ */ React220.createElement(ShowBalanceProvider, null, /* @__PURE__ */ React220.createElement(FunkitMoonpayProvider, { debug: !!debug }, /* @__PURE__ */ React220.createElement(UserPresenceProvider, null, /* @__PURE__ */ React220.createElement(ModalProvider, null, activeTheme ? /* @__PURE__ */ React220.createElement(
     "div",
     {
       ...createThemeRootProps2(id),
@@ -24644,7 +24613,7 @@ function FunkitProviderInner({
         height: "100%"
       }
     },
-    /* @__PURE__ */ React221.createElement(
+    /* @__PURE__ */ React220.createElement(
       "style",
       {
         dangerouslySetInnerHTML: {

package/dist/wallets/walletConnectors/index.js

@@ -1,31 +1,25 @@
 "use client";
+import {
+  trustWallet
+} from "./chunk-ISIBREBO.js";
 import {
   zealWallet
 } from "./chunk-JROWU5BP.js";
-import {
-  xdefiWallet
-} from "./chunk-NO7XMBB5.js";
 import {
   zerionWallet
 } from "./chunk-AXWP3GD4.js";
+import {
+  subWallet
+} from "./chunk-AD2KIJB6.js";
 import {
   tahoWallet
 } from "./chunk-6P2EMPZI.js";
-import {
-  safepalWallet
-} from "./chunk-MSFKSQBY.js";
 import {
   talismanWallet
 } from "./chunk-ABFSXBE6.js";
 import {
   tokenPocketWallet
 } from "./chunk-IDKVN5CF.js";
-import {
-  trustWallet
-} from "./chunk-ISIBREBO.js";
-import {
-  uniswapWallet
-} from "./chunk-LH7BMNFZ.js";
 import {
   tokenaryWallet
 } from "./chunk-SLOIIJGP.js";
@@ -33,17 +27,23 @@ import {
   walletConnectWallet
 } from "./chunk-NP5QGWNL.js";
 import {
-  oneKeyWallet
-} from "./chunk-4AD7VI2P.js";
+  uniswapWallet
+} from "./chunk-LH7BMNFZ.js";
+import {
+  xdefiWallet
+} from "./chunk-NO7XMBB5.js";
+import {
+  phantomWallet
+} from "./chunk-ZSVTX6EK.js";
+import {
+  rainbowWallet
+} from "./chunk-2UCNRD7H.js";
 import {
   rabbyWallet
 } from "./chunk-BVX4XGNP.js";
 import {
   ramperWallet
 } from "./chunk-PIUNLQJG.js";
-import {
-  rainbowWallet
-} from "./chunk-2UCNRD7H.js";
 import {
   roninWallet
 } from "./chunk-63YLN6R5.js";
@@ -54,47 +54,44 @@ import {
   safeheronWallet
 } from "./chunk-R6RWZRFF.js";
 import {
-  subWallet
-} from "./chunk-AD2KIJB6.js";
+  safepalWallet
+} from "./chunk-MSFKSQBY.js";
 import {
   metaMaskWallet
 } from "./chunk-G73C6P5P.js";
-import {
-  mewWallet
-} from "./chunk-V57WLZEE.js";
 import {
   ledgerWallet
 } from "./chunk-BRBKM4PW.js";
 import {
-  okxWallet
-} from "./chunk-4WEHDI4Y.js";
+  mewWallet
+} from "./chunk-V57WLZEE.js";
 import {
   oktoWallet
 } from "./chunk-ADIXAKUL.js";
 import {
-  phantomWallet
-} from "./chunk-ZSVTX6EK.js";
+  oneKeyWallet
+} from "./chunk-4AD7VI2P.js";
+import {
+  okxWallet
+} from "./chunk-4WEHDI4Y.js";
 import {
   oneInchWallet
 } from "./chunk-OESTDX6I.js";
 import {
   omniWallet
 } from "./chunk-7CUY5G6R.js";
+import {
+  foxWallet
+} from "./chunk-LMZMXEXL.js";
 import {
   frameWallet
 } from "./chunk-ZMYVTWDF.js";
-import {
-  enkryptWallet
-} from "./chunk-SJTXS4ZW.js";
 import {
   frontierWallet
 } from "./chunk-3S2U24BJ.js";
 import {
   gateWallet
 } from "./chunk-GSOYKKIS.js";
-import {
-  kresusWallet
-} from "./chunk-MJXPRJZT.js";
 import {
   imTokenWallet
 } from "./chunk-COZ7MIQS.js";
@@ -102,38 +99,41 @@ import {
   injectedWallet
 } from "./chunk-VCVVV2K7.js";
 import {
-  coinbaseWallet
-} from "./chunk-H4IRCEZN.js";
+  kresusWallet
+} from "./chunk-MJXPRJZT.js";
 import {
   clvWallet
 } from "./chunk-KR6JBW5E.js";
+import {
+  bybitWallet
+} from "./chunk-6ONTSPEY.js";
 import {
   coin98Wallet
 } from "./chunk-DTRYS3MO.js";
 import {
-  bybitWallet
-} from "./chunk-6ONTSPEY.js";
+  coinbaseWallet
+} from "./chunk-H4IRCEZN.js";
 import {
   coreWallet
 } from "./chunk-HBA36GW3.js";
 import {
   dawnWallet
 } from "./chunk-LN7OD5EC.js";
-import {
-  foxWallet
-} from "./chunk-LMZMXEXL.js";
 import {
   desigWallet
 } from "./chunk-CTU6JCOK.js";
+import {
+  enkryptWallet
+} from "./chunk-SJTXS4ZW.js";
+import {
+  argentWallet
+} from "./chunk-WSQ2YJO2.js";
 import {
   bifrostWallet
 } from "./chunk-W6N74MS3.js";
 import {
   bitgetWallet
 } from "./chunk-A5APNTGL.js";
-import {
-  argentWallet
-} from "./chunk-WSQ2YJO2.js";
 import {
   bitskiWallet
 } from "./chunk-P74YPRF6.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "5.0.9",
+  "version": "5.0.10",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -90,10 +90,10 @@
     "react-virtuoso": "4.10.1",
     "ua-parser-js": "^1.0.37",
     "uuid": "^9.0.1",
-    "@funkit/core": "2.3.11",
     "@funkit/api-base": "1.5.9",
-    "@funkit/utils": "1.0.9",
     "@funkit/chains": "0.1.3",
+    "@funkit/utils": "1.0.9",
+    "@funkit/core": "2.3.11",
     "@funkit/wagmi-tools": "3.0.33"
   },
   "repository": {