@funkit/connect 0.1.7 → 0.1.9

package/dist/index.js

@@ -1,10 +1,6 @@
 "use client";
-import {
-  lightTheme
-} from "./chunk-3A7E2IPT.js";
 import {
   ActionButton,
-  AppContext,
   AsyncImage,
   Box,
   CloseButton,
@@ -23,59 +19,39 @@ import {
   dialogContentMobile,
   isAndroid,
   isIOS,
+  logger,
   setWalletConnectDeepLink,
   touchableStyles,
   useAccountModal,
-  useChainId,
+  useActiveTheme,
   useChainModal,
   useConnectModal,
   useCoolMode,
+  useFunCheckoutHistoryModal,
+  useFunCheckoutModal,
   useFunkitCheckout,
-  useTransactionStore,
   useWalletConnectors
-} from "./chunk-X5YTL45L.js";
+} from "./chunk-6NU6GSSJ.js";
 import {
   darkTheme
-} from "./chunk-PKSFBURG.js";
+} from "./chunk-ZKI6VFDD.js";
+import {
+  lightTheme
+} from "./chunk-W7RO4DCA.js";
 import "./chunk-VP4CAK4A.js";
 
 // src/components/ConnectOptions/MobileOptions.tsx
-import React4, { useCallback, useContext, useState } from "react";
-
-// src/components/Disclaimer/DisclaimerLink.tsx
-import React from "react";
-var DisclaimerLink = ({
-  children,
-  href
-}) => {
-  return /* @__PURE__ */ React.createElement(Box, {
-    as: "a",
-    color: "accentColor",
-    href,
-    rel: "noreferrer",
-    target: "_blank"
-  }, children);
-};
-
-// src/components/Disclaimer/DisclaimerText.tsx
-import React2 from "react";
-var DisclaimerText = ({ children }) => {
-  return /* @__PURE__ */ React2.createElement(Text, {
-    color: "modalTextSecondary",
-    size: "12",
-    weight: "medium"
-  }, children);
-};
+import React2, { useCallback, useContext, useState } from "react";
 
 // src/components/Icons/Back.tsx
-import React3 from "react";
-var BackIcon = () => /* @__PURE__ */ React3.createElement("svg", {
+import React from "react";
+var BackIcon = () => /* @__PURE__ */ React.createElement("svg", {
   fill: "none",
   height: "17",
   viewBox: "0 0 11 17",
   width: "11",
   xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React3.createElement("path", {
+}, /* @__PURE__ */ React.createElement("path", {
   d: "M0.99707 8.6543C0.99707 9.08496 1.15527 9.44531 1.51562 9.79688L8.16016 16.3096C8.43262 16.5732 8.74902 16.7051 9.13574 16.7051C9.90918 16.7051 10.5508 16.0811 10.5508 15.3076C10.5508 14.9121 10.3838 14.5605 10.0938 14.2705L4.30176 8.64551L10.0938 3.0293C10.3838 2.74805 10.5508 2.3877 10.5508 2.00098C10.5508 1.23633 9.90918 0.603516 9.13574 0.603516C8.74902 0.603516 8.43262 0.735352 8.16016 0.999023L1.51562 7.51172C1.15527 7.85449 1.00586 8.21484 0.99707 8.6543Z",
   fill: "currentColor"
 }));
@@ -103,7 +79,7 @@ function WalletButton({
   const getMobileUri = mobile?.getUri;
   const coolModeRef = useCoolMode(iconUrl);
   const i18n = useContext(I18nContext);
-  return /* @__PURE__ */ React4.createElement(Box, {
+  return /* @__PURE__ */ React2.createElement(Box, {
     as: "button",
     color: ready ? "modalText" : "modalTextSecondary",
     disabled: !ready,
@@ -142,34 +118,34 @@ function WalletButton({
     testId: `wallet-option-${id}`,
     type: "button",
     width: "full"
-  }, /* @__PURE__ */ React4.createElement(Box, {
+  }, /* @__PURE__ */ React2.createElement(Box, {
     alignItems: "center",
     display: "flex",
     flexDirection: "column",
     justifyContent: "center"
-  }, /* @__PURE__ */ React4.createElement(Box, {
+  }, /* @__PURE__ */ React2.createElement(Box, {
     paddingBottom: "8",
     paddingTop: "10"
-  }, /* @__PURE__ */ React4.createElement(AsyncImage, {
+  }, /* @__PURE__ */ React2.createElement(AsyncImage, {
     background: iconBackground,
     borderRadius: "13",
     boxShadow: "walletLogo",
     height: "60",
     src: iconUrl,
     width: "60"
-  })), /* @__PURE__ */ React4.createElement(Box, {
+  })), /* @__PURE__ */ React2.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     textAlign: "center"
-  }, /* @__PURE__ */ React4.createElement(Text, {
+  }, /* @__PURE__ */ React2.createElement(Text, {
     as: "h2",
     color: wallet.ready ? "modalText" : "modalTextSecondary",
     size: "13",
     weight: "medium"
-  }, /* @__PURE__ */ React4.createElement(Box, {
+  }, /* @__PURE__ */ React2.createElement(Box, {
     as: "span",
     position: "relative"
-  }, shortName ?? name, !wallet.ready && " (unsupported)")), wallet.recent && /* @__PURE__ */ React4.createElement(Text, {
+  }, shortName ?? name, !wallet.ready && " (unsupported)")), wallet.recent && /* @__PURE__ */ React2.createElement(Text, {
     color: "accentColor",
     size: "12",
     weight: "medium"
@@ -178,7 +154,6 @@ function WalletButton({
 function MobileOptions({ onClose }) {
   const titleId = "rk_connect_title";
   const wallets = useWalletConnectors();
-  const { disclaimer: Disclaimer, learnMoreUrl } = useContext(AppContext);
   let headerLabel = null;
   let walletContent = null;
   let headerBackgroundContrast = false;
@@ -192,74 +167,62 @@ function MobileOptions({ onClose }) {
     case "CONNECT" /* Connect */: {
       headerLabel = i18n.t("connect.title");
       headerBackgroundContrast = true;
-      walletContent = /* @__PURE__ */ React4.createElement(Box, null, /* @__PURE__ */ React4.createElement(Box, {
+      walletContent = /* @__PURE__ */ React2.createElement(Box, null, /* @__PURE__ */ React2.createElement(Box, {
         background: "profileForeground",
         className: scroll,
         display: "flex",
         paddingBottom: "20",
         paddingTop: "6"
-      }, /* @__PURE__ */ React4.createElement(Box, {
+      }, /* @__PURE__ */ React2.createElement(Box, {
         display: "flex",
         style: { margin: "0 auto" }
       }, wallets.filter((wallet) => wallet.ready).map((wallet) => {
-        return /* @__PURE__ */ React4.createElement(Box, {
+        return /* @__PURE__ */ React2.createElement(Box, {
           key: wallet.id,
           paddingX: "20"
-        }, /* @__PURE__ */ React4.createElement(Box, {
+        }, /* @__PURE__ */ React2.createElement(Box, {
           width: "60"
-        }, /* @__PURE__ */ React4.createElement(WalletButton, {
+        }, /* @__PURE__ */ React2.createElement(WalletButton, {
           onClose,
           wallet
         })));
-      }))), /* @__PURE__ */ React4.createElement(Box, {
+      }))), /* @__PURE__ */ React2.createElement(Box, {
         background: "generalBorder",
         height: "1",
         marginBottom: "32",
         marginTop: "-1"
-      }), /* @__PURE__ */ React4.createElement(Box, {
+      }), /* @__PURE__ */ React2.createElement(Box, {
         alignItems: "center",
         display: "flex",
         flexDirection: "column",
         gap: "32",
         paddingX: "32",
         style: { textAlign: "center" }
-      }, /* @__PURE__ */ React4.createElement(Box, {
+      }, /* @__PURE__ */ React2.createElement(Box, {
         display: "flex",
         flexDirection: "column",
         gap: "8",
         textAlign: "center"
-      }, /* @__PURE__ */ React4.createElement(Text, {
+      }, /* @__PURE__ */ React2.createElement(Text, {
         color: "modalText",
         size: "16",
         weight: "bold"
-      }, i18n.t("intro.title")), /* @__PURE__ */ React4.createElement(Text, {
+      }, i18n.t("intro.title")), /* @__PURE__ */ React2.createElement(Text, {
         color: "modalTextSecondary",
         size: "16"
-      }, i18n.t("intro.description")))), /* @__PURE__ */ React4.createElement(Box, {
+      }, i18n.t("intro.description")))), /* @__PURE__ */ React2.createElement(Box, {
         paddingTop: "32",
         paddingX: "20"
-      }, /* @__PURE__ */ React4.createElement(Box, {
+      }, /* @__PURE__ */ React2.createElement(Box, {
         display: "flex",
         gap: "14",
         justifyContent: "center"
-      }, /* @__PURE__ */ React4.createElement(ActionButton, {
+      }, /* @__PURE__ */ React2.createElement(ActionButton, {
         label: i18n.t("intro.get.label"),
         onClick: () => setWalletStep("GET" /* Get */),
         size: "large",
         type: "secondary"
-      }), /* @__PURE__ */ React4.createElement(ActionButton, {
-        href: learnMoreUrl,
-        label: i18n.t("intro.learn_more.label"),
-        size: "large",
-        type: "secondary"
-      }))), Disclaimer && /* @__PURE__ */ React4.createElement(Box, {
-        marginTop: "28",
-        marginX: "32",
-        textAlign: "center"
-      }, /* @__PURE__ */ React4.createElement(Disclaimer, {
-        Link: DisclaimerLink,
-        Text: DisclaimerText
-      })));
+      }))));
       break;
     }
     case "GET" /* Get */: {
@@ -268,7 +231,7 @@ function MobileOptions({ onClose }) {
       const mobileWallets = wallets?.filter(
         (wallet) => wallet.downloadUrls?.ios || wallet.downloadUrls?.android || wallet.downloadUrls?.mobile
       )?.splice(0, 3);
-      walletContent = /* @__PURE__ */ React4.createElement(Box, null, /* @__PURE__ */ React4.createElement(Box, {
+      walletContent = /* @__PURE__ */ React2.createElement(Box, null, /* @__PURE__ */ React2.createElement(Box, {
         alignItems: "center",
         display: "flex",
         flexDirection: "column",
@@ -282,88 +245,88 @@ function MobileOptions({ onClose }) {
         if (!downloadUrls?.ios && !downloadUrls?.android && !downloadUrls?.mobile) {
           return null;
         }
-        return /* @__PURE__ */ React4.createElement(Box, {
+        return /* @__PURE__ */ React2.createElement(Box, {
           display: "flex",
           gap: "16",
           key: wallet.id,
           paddingX: "20",
           width: "full"
-        }, /* @__PURE__ */ React4.createElement(Box, {
+        }, /* @__PURE__ */ React2.createElement(Box, {
           style: { minHeight: 48, minWidth: 48 }
-        }, /* @__PURE__ */ React4.createElement(AsyncImage, {
+        }, /* @__PURE__ */ React2.createElement(AsyncImage, {
           background: iconBackground,
           borderColor: "generalBorder",
           borderRadius: "10",
           height: "48",
           src: iconUrl,
           width: "48"
-        })), /* @__PURE__ */ React4.createElement(Box, {
+        })), /* @__PURE__ */ React2.createElement(Box, {
           display: "flex",
           flexDirection: "column",
           width: "full"
-        }, /* @__PURE__ */ React4.createElement(Box, {
+        }, /* @__PURE__ */ React2.createElement(Box, {
           alignItems: "center",
           display: "flex",
           height: "48"
-        }, /* @__PURE__ */ React4.createElement(Box, {
+        }, /* @__PURE__ */ React2.createElement(Box, {
           width: "full"
-        }, /* @__PURE__ */ React4.createElement(Text, {
+        }, /* @__PURE__ */ React2.createElement(Text, {
           color: "modalText",
           size: "18",
           weight: "bold"
-        }, name)), /* @__PURE__ */ React4.createElement(ActionButton, {
+        }, name)), /* @__PURE__ */ React2.createElement(ActionButton, {
           href: (ios ? downloadUrls?.ios : downloadUrls?.android) || downloadUrls?.mobile,
           label: i18n.t("get.action.label"),
           size: "small",
           type: "secondary"
-        })), index < mobileWallets.length - 1 && /* @__PURE__ */ React4.createElement(Box, {
+        })), index < mobileWallets.length - 1 && /* @__PURE__ */ React2.createElement(Box, {
           background: "generalBorderDim",
           height: "1",
           marginY: "10",
           width: "full"
         })));
-      })), /* @__PURE__ */ React4.createElement(Box, {
+      })), /* @__PURE__ */ React2.createElement(Box, {
         style: { marginBottom: "42px" }
-      }), /* @__PURE__ */ React4.createElement(Box, {
+      }), /* @__PURE__ */ React2.createElement(Box, {
         alignItems: "center",
         display: "flex",
         flexDirection: "column",
         gap: "36",
         paddingX: "36",
         style: { textAlign: "center" }
-      }, /* @__PURE__ */ React4.createElement(Box, {
+      }, /* @__PURE__ */ React2.createElement(Box, {
         display: "flex",
         flexDirection: "column",
         gap: "12",
         textAlign: "center"
-      }, /* @__PURE__ */ React4.createElement(Text, {
+      }, /* @__PURE__ */ React2.createElement(Text, {
         color: "modalText",
         size: "16",
         weight: "bold"
-      }, i18n.t("get.looking_for.title")), /* @__PURE__ */ React4.createElement(Text, {
+      }, i18n.t("get.looking_for.title")), /* @__PURE__ */ React2.createElement(Text, {
         color: "modalTextSecondary",
         size: "16"
       }, i18n.t("get.looking_for.mobile.description")))));
       break;
     }
   }
-  return /* @__PURE__ */ React4.createElement(Box, {
+  return /* @__PURE__ */ React2.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     paddingBottom: "36"
-  }, /* @__PURE__ */ React4.createElement(Box, {
+  }, /* @__PURE__ */ React2.createElement(Box, {
     background: headerBackgroundContrast ? "profileForeground" : "modalBackground",
     display: "flex",
     flexDirection: "column",
     paddingBottom: "4",
     paddingTop: "14"
-  }, /* @__PURE__ */ React4.createElement(Box, {
+  }, /* @__PURE__ */ React2.createElement(Box, {
     display: "flex",
     justifyContent: "center",
     paddingBottom: "6",
     paddingX: "20",
     position: "relative"
-  }, headerBackButtonLink && /* @__PURE__ */ React4.createElement(Box, {
+  }, headerBackButtonLink && /* @__PURE__ */ React2.createElement(Box, {
     display: "flex",
     position: "absolute",
     style: {
@@ -371,7 +334,7 @@ function MobileOptions({ onClose }) {
       marginBottom: -20,
       marginTop: -20
     }
-  }, /* @__PURE__ */ React4.createElement(Box, {
+  }, /* @__PURE__ */ React2.createElement(Box, {
     alignItems: "center",
     as: "button",
     className: touchableStyles({
@@ -387,28 +350,28 @@ function MobileOptions({ onClose }) {
     style: { height: 17, willChange: "transform" },
     transition: "default",
     type: "button"
-  }, /* @__PURE__ */ React4.createElement(BackIcon, null))), /* @__PURE__ */ React4.createElement(Box, {
+  }, /* @__PURE__ */ React2.createElement(BackIcon, null))), /* @__PURE__ */ React2.createElement(Box, {
     marginTop: "4",
     textAlign: "center",
     width: "full"
-  }, /* @__PURE__ */ React4.createElement(Text, {
+  }, /* @__PURE__ */ React2.createElement(Text, {
     as: "h1",
     color: "modalText",
     id: titleId,
     size: "20",
     weight: "bold"
-  }, headerLabel)), /* @__PURE__ */ React4.createElement(Box, {
+  }, headerLabel)), /* @__PURE__ */ React2.createElement(Box, {
     alignItems: "center",
     display: "flex",
     height: "32",
     paddingRight: "14",
     position: "absolute",
     right: "0"
-  }, /* @__PURE__ */ React4.createElement(Box, {
+  }, /* @__PURE__ */ React2.createElement(Box, {
     style: { marginBottom: -20, marginTop: -20 }
-  }, /* @__PURE__ */ React4.createElement(CloseButton, {
+  }, /* @__PURE__ */ React2.createElement(CloseButton, {
     onClose
-  }))))), /* @__PURE__ */ React4.createElement(Box, {
+  }))))), /* @__PURE__ */ React2.createElement(Box, {
     display: "flex",
     flexDirection: "column"
   }, walletContent));
@@ -422,24 +385,6 @@ var __private__ = {
   MobileOptions
 };
 
-// src/transactions/useAddRecentTransaction.ts
-import { useCallback as useCallback2 } from "react";
-import { useAccount } from "wagmi";
-function useAddRecentTransaction() {
-  const store = useTransactionStore();
-  const { address } = useAccount();
-  const chainId = useChainId();
-  return useCallback2(
-    (transaction) => {
-      if (!address || !chainId) {
-        throw new Error("No address or chain ID found");
-      }
-      store.addTransaction(address, chainId, transaction);
-    },
-    [store, address, chainId]
-  );
-}
-
 // src/wallets/walletConnectors/braveWallet/braveWallet.ts
 import { InjectedConnector } from "wagmi/connectors/injected";
 var braveWallet = ({
@@ -616,7 +561,7 @@ function getWalletConnectConnector({
         "No projectId found. Every dApp must now provide a WalletConnect Cloud projectId to enable WalletConnect v2 https://www.rainbowkit.com/docs/installation#configure"
       );
     } else if (projectId === "YOUR_PROJECT_ID" || projectId === exampleProjectId) {
-      console.warn(
+      logger.warn(
         "Invalid projectId. Please create a unique WalletConnect Cloud projectId for your dApp https://www.rainbowkit.com/docs/installation#configure"
       );
     }
@@ -927,8 +872,10 @@ export {
   getWalletConnectConnector,
   lightTheme,
   useAccountModal,
-  useAddRecentTransaction,
+  useActiveTheme,
   useChainModal,
   useConnectModal,
+  useFunCheckoutHistoryModal,
+  useFunCheckoutModal,
   useFunkitCheckout
 };

package/dist/themes/darkTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-PKSFBURG.js";
+} from "../chunk-ZKI6VFDD.js";
 import "../chunk-VP4CAK4A.js";
 export {
   darkTheme

package/dist/themes/lightTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-3A7E2IPT.js";
+} from "../chunk-W7RO4DCA.js";
 import "../chunk-VP4CAK4A.js";
 export {
   lightTheme

package/dist/wallets/walletConnectors/argentWallet/argentWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   argentWallet
-} from "../chunk-32KC4FTG.js";
+} from "../chunk-NJGDUFM2.js";
 import "../chunk-ZOLACFTK.js";
-import "../chunk-4ACOCJJZ.js";
+import "../chunk-EUSM6MRB.js";
 export {
   argentWallet
 };

package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   bifrostWallet
-} from "../chunk-M4KIVTE3.js";
+} from "../chunk-WXWQQHAQ.js";
 import "../chunk-ZOLACFTK.js";
-import "../chunk-4ACOCJJZ.js";
+import "../chunk-EUSM6MRB.js";
 export {
   bifrostWallet
 };

package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js

@@ -2,9 +2,9 @@
 import {
   bitKeepWallet,
   bitgetWallet
-} from "../chunk-DTCZLIMY.js";
+} from "../chunk-74BR2RAM.js";
 import "../chunk-ZOLACFTK.js";
-import "../chunk-4ACOCJJZ.js";
+import "../chunk-EUSM6MRB.js";
 export {
   bitKeepWallet,
   bitgetWallet

package/dist/wallets/walletConnectors/{chunk-4TBAMXD2.js → chunk-237HEA4B.js}

@@ -2,7 +2,7 @@
 import {
   getWalletConnectConnector,
   getWalletConnectUri
-} from "./chunk-4ACOCJJZ.js";
+} from "./chunk-EUSM6MRB.js";
 
 // src/wallets/walletConnectors/imTokenWallet/imTokenWallet.ts
 var imTokenWallet = ({

package/dist/wallets/walletConnectors/{chunk-7Q7X4HIR.js → chunk-3YVOYNPH.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  getWalletConnectConnector,
-  getWalletConnectUri
-} from "./chunk-4ACOCJJZ.js";
 import {
   isIOS
 } from "./chunk-ZOLACFTK.js";
+import {
+  getWalletConnectConnector,
+  getWalletConnectUri
+} from "./chunk-EUSM6MRB.js";
 
 // src/wallets/walletConnectors/zerionWallet/zerionWallet.ts
 import { InjectedConnector } from "wagmi/connectors/injected";

package/dist/wallets/walletConnectors/{chunk-4HP4HVWX.js → chunk-74BR2RAM.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  getWalletConnectConnector,
-  getWalletConnectUri
-} from "./chunk-4ACOCJJZ.js";
 import {
   isAndroid
 } from "./chunk-ZOLACFTK.js";
+import {
+  getWalletConnectConnector,
+  getWalletConnectUri
+} from "./chunk-EUSM6MRB.js";
 
 // src/wallets/walletConnectors/bitgetWallet/bitgetWallet.ts
 import { InjectedConnector } from "wagmi/connectors/injected";

package/dist/wallets/walletConnectors/{chunk-C6BBHBY3.js → chunk-7HTS7H5B.js}

@@ -2,7 +2,7 @@
 import {
   getWalletConnectConnector,
   getWalletConnectUri
-} from "./chunk-4ACOCJJZ.js";
+} from "./chunk-EUSM6MRB.js";
 
 // src/wallets/walletConnectors/foxWallet/foxWallet.ts
 import { InjectedConnector } from "wagmi/connectors/injected";

package/dist/wallets/walletConnectors/{chunk-TM5A4D5D.js → chunk-D76EMZT2.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  getWalletConnectConnector,
-  getWalletConnectUri
-} from "./chunk-4ACOCJJZ.js";
 import {
   isIOS
 } from "./chunk-ZOLACFTK.js";
+import {
+  getWalletConnectConnector,
+  getWalletConnectUri
+} from "./chunk-EUSM6MRB.js";
 
 // src/wallets/walletConnectors/walletConnectWallet/walletConnectWallet.ts
 var walletConnectWallet = ({

package/dist/wallets/walletConnectors/{chunk-WPGD3FGN.js → chunk-EBNKDT5H.js}

@@ -5,7 +5,7 @@ import {
 import {
   getWalletConnectConnector,
   getWalletConnectUri
-} from "./chunk-4ACOCJJZ.js";
+} from "./chunk-EUSM6MRB.js";
 
 // src/wallets/walletConnectors/ledgerWallet/ledgerWallet.ts
 var ledgerWallet = ({

package/dist/wallets/walletConnectors/{chunk-TFHNF64Z.js → chunk-ECNJY6H5.js}

@@ -5,7 +5,7 @@ import {
 import {
   getWalletConnectConnector,
   getWalletConnectUri
-} from "./chunk-4ACOCJJZ.js";
+} from "./chunk-EUSM6MRB.js";
 
 // src/wallets/walletConnectors/oktoWallet/oktoWallet.ts
 var oktoWallet = ({