@multiplatform.one/web3 5.1.0 → 6.0.1

package/dist/cjs/connectkit/components/ConnectModal/ConnectWithQRCode.cjs

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all) __defProp(target, name, {
@@ -19,15 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
   value: true
 }), mod);
@@ -36,24 +25,15 @@ __export(ConnectWithQRCode_exports, {
   default: () => ConnectWithQRCode_default
 });
 module.exports = __toCommonJS(ConnectWithQRCode_exports);
-var import_ConnectKit = require("../ConnectKit.cjs");
+var import_connectkit = require("@multiplatform.one/connectkit");
 var import_useWalletConnectModal = require("../../hooks/useWalletConnectModal.cjs");
-var import_utils = require("../../utils/index.cjs");
-var import_styles = require("../Common/Modal/styles.cjs");
-var import_Modal = require("../Common/Modal/index.cjs");
-var import_CustomQRCode = __toESM(require("../Common/CustomQRCode/index.cjs"));
-var import_Button = __toESM(require("../Common/Button/index.cjs"));
-var import_ScanIconWithLogos = __toESM(require("../../assets/ScanIconWithLogos.cjs"));
-var import_icons = require("../../assets/icons.cjs");
-var import_CopyToClipboard = __toESM(require("../Common/CopyToClipboard/index.cjs"));
-var import_useLocales = __toESM(require("../../hooks/useLocales.cjs"));
 var import_useWallets = require("../../wallets/useWallets.cjs");
 var import_web3 = require("../contexts/web3/index.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const ConnectWithQRCode = ({
   switchConnectMethod
 }) => {
-  const context = (0, import_ConnectKit.useContext)();
+  const context = (0, import_connectkit.useContext)();
   const id = context.connector.id;
   const wallet = (0, import_useWallets.useWallet)(context.connector.id);
   const {
@@ -67,7 +47,7 @@ const ConnectWithQRCode = ({
   } = (0, import_web3.useWeb3)();
   const wcUri = getUri(id);
   const uri = wcUri ? wallet?.getWalletConnectDeeplink?.(wcUri) ?? wcUri : void 0;
-  const locales = (0, import_useLocales.default)({
+  const locales = (0, import_connectkit.useLocales)({
     CONNECTORNAME: wallet?.name
   });
   if (!wallet) return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
@@ -81,7 +61,7 @@ const ConnectWithQRCode = ({
     edge: downloads?.edge,
     safari: downloads?.safari
   };
-  const browser = (0, import_utils.detectBrowser)();
+  const browser = (0, import_connectkit.detectBrowser)();
   const hasApps = downloads && Object.keys(downloads).length !== 0;
   const suggestedExtension = extensions ? {
     name: Object.keys(extensions)[0],
@@ -89,28 +69,28 @@ const ConnectWithQRCode = ({
     // Capitalise first letter, but this might be better suited as a lookup table
     url: extensions[Object.keys(extensions)[0]]
   } : void 0;
-  const showAdditionalOptions = (0, import_utils.isWalletConnectConnector)(id);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.PageContent, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ModalContent, {
+  const showAdditionalOptions = (0, import_connectkit.isWalletConnectConnector)(id);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_connectkit.PageContent, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_connectkit.ModalContent, {
       style: {
         paddingBottom: 8,
         gap: 14
       },
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CustomQRCode.default, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.CustomQRCode, {
         value: uri,
         image: wallet?.icon,
-        tooltipMessage: (0, import_utils.isWalletConnectConnector)(id) ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScanIconWithLogos.default, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+        tooltipMessage: (0, import_connectkit.isWalletConnectConnector)(id) ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ScanIconWithLogos, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
             children: locales.scanScreen_tooltip_walletConnect
           })]
         }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScanIconWithLogos.default, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ScanIconWithLogos, {
             logo: wallet?.icon
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
             children: locales.scanScreen_tooltip_default
           })]
         })
-      }), showAdditionalOptions ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Modal.OrDivider, {}) : hasApps && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Modal.OrDivider, {
+      }), showAdditionalOptions ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.OrDivider, {}) : hasApps && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.OrDivider, {
         children: locales.dontHaveTheApp
       })]
     }), showAdditionalOptions &&
@@ -123,26 +103,26 @@ const ConnectWithQRCode = ({
         justifyContent: "center",
         gap: 14
       },
-      children: [context.options?.walletConnectCTA !== "modal" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CopyToClipboard.default, {
+      children: [context.options?.walletConnectCTA !== "modal" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.CopyToClipboard, {
         variant: "button",
         string: uri,
         children: context.options?.walletConnectCTA === "link" ? locales.copyToClipboard : locales.copyCode
-      }), context.options?.walletConnectCTA !== "link" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.default, {
-        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.ExternalLinkIcon, {}),
+      }), context.options?.walletConnectCTA !== "link" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.Button, {
+        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ExternalLinkIcon, {}),
         onClick: openW3M,
         disabled: isOpenW3M,
         waiting: isOpenW3M,
         children: context.options?.walletConnectCTA === "modal" ? locales.useWalletConnectModal : locales.useModal
       })]
-    }), (0, import_utils.isAaveAccountConnector)(wallet.id) && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Modal.OrDivider, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.default, {
+    }), (0, import_connectkit.isAaveAccountConnector)(wallet.id) && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.OrDivider, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.Button, {
         onClick: () => switchConnectMethod(id),
         children: locales.loginWithEmailOrPhone
       })]
     }), hasApps && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.default, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.Button, {
         onClick: () => {
-          context.setRoute(import_ConnectKit.routes.DOWNLOAD);
+          context.setRoute(import_connectkit.routes.DOWNLOAD);
         },
         download: true,
         children: locales.getWalletName

package/dist/cjs/connectkit/components/ConnectModal/ConnectWithQRCode.native.js

@@ -40,17 +40,8 @@ __export(ConnectWithQRCode_exports, {
 module.exports = __toCommonJS(ConnectWithQRCode_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
-var import_ConnectKit = require("../ConnectKit.native.js");
+var import_connectkit = require("@multiplatform.one/connectkit");
 var import_useWalletConnectModal = require("../../hooks/useWalletConnectModal.native.js");
-var import_utils = require("../../utils/index.native.js");
-var import_styles = require("../Common/Modal/styles.native.js");
-var import_Modal = require("../Common/Modal/index.native.js");
-var import_CustomQRCode = __toESM(require("../Common/CustomQRCode/index.native.js"));
-var import_Button = __toESM(require("../Common/Button/index.native.js"));
-var import_ScanIconWithLogos = __toESM(require("../../assets/ScanIconWithLogos.native.js"));
-var import_icons = require("../../assets/icons.native.js");
-var import_CopyToClipboard = __toESM(require("../Common/CopyToClipboard/index.native.js"));
-var import_useLocales = __toESM(require("../../hooks/useLocales.native.js"));
 var import_useWallets = require("../../wallets/useWallets.native.js");
 var import_web3 = require("../contexts/web3/index.native.js");
 var ConnectWithQRCode = function ConnectWithQRCode2(param) {
@@ -59,7 +50,7 @@ var ConnectWithQRCode = function ConnectWithQRCode2(param) {
   } = param;
   var _ref;
   var _wallet_getWalletConnectDeeplink, _Object_keys_, _Object_keys_1, _context_options, _context_options1, _context_options2, _context_options3;
-  var context = (0, import_ConnectKit.useContext)();
+  var context = (0, import_connectkit.useContext)();
   var id = context.connector.id;
   var wallet = (0, import_useWallets.useWallet)(context.connector.id);
   var {
@@ -73,7 +64,7 @@ var ConnectWithQRCode = function ConnectWithQRCode2(param) {
   } = (0, import_web3.useWeb3)();
   var wcUri = getUri(id);
   var uri = wcUri ? (_ref = wallet === null || wallet === void 0 ? void 0 : (_wallet_getWalletConnectDeeplink = wallet.getWalletConnectDeeplink) === null || _wallet_getWalletConnectDeeplink === void 0 ? void 0 : _wallet_getWalletConnectDeeplink.call(wallet, wcUri)) !== null && _ref !== void 0 ? _ref : wcUri : void 0;
-  var locales = (0, import_useLocales.default)({
+  var locales = (0, import_connectkit.useLocales)({
     CONNECTORNAME: wallet === null || wallet === void 0 ? void 0 : wallet.name
   });
   if (!wallet) return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
@@ -87,7 +78,7 @@ var ConnectWithQRCode = function ConnectWithQRCode2(param) {
     edge: downloads === null || downloads === void 0 ? void 0 : downloads.edge,
     safari: downloads === null || downloads === void 0 ? void 0 : downloads.safari
   };
-  var browser = (0, import_utils.detectBrowser)();
+  var browser = (0, import_connectkit.detectBrowser)();
   var hasApps = downloads && Object.keys(downloads).length !== 0;
   var suggestedExtension = extensions ? {
     name: Object.keys(extensions)[0],
@@ -95,28 +86,28 @@ var ConnectWithQRCode = function ConnectWithQRCode2(param) {
     // Capitalise first letter, but this might be better suited as a lookup table
     url: extensions[Object.keys(extensions)[0]]
   } : void 0;
-  var showAdditionalOptions = (0, import_utils.isWalletConnectConnector)(id);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.PageContent, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ModalContent, {
+  var showAdditionalOptions = (0, import_connectkit.isWalletConnectConnector)(id);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_connectkit.PageContent, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_connectkit.ModalContent, {
       style: {
         paddingBottom: 8,
         gap: 14
       },
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CustomQRCode.default, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.CustomQRCode, {
         value: uri,
         image: wallet === null || wallet === void 0 ? void 0 : wallet.icon,
-        tooltipMessage: (0, import_utils.isWalletConnectConnector)(id) ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScanIconWithLogos.default, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+        tooltipMessage: (0, import_connectkit.isWalletConnectConnector)(id) ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ScanIconWithLogos, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
             children: locales.scanScreen_tooltip_walletConnect
           })]
         }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScanIconWithLogos.default, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ScanIconWithLogos, {
             logo: wallet === null || wallet === void 0 ? void 0 : wallet.icon
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
             children: locales.scanScreen_tooltip_default
           })]
         })
-      }), showAdditionalOptions ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Modal.OrDivider, {}) : hasApps && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Modal.OrDivider, {
+      }), showAdditionalOptions ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.OrDivider, {}) : hasApps && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.OrDivider, {
         children: locales.dontHaveTheApp
       })]
     }), showAdditionalOptions &&
@@ -129,19 +120,19 @@ var ConnectWithQRCode = function ConnectWithQRCode2(param) {
         justifyContent: "center",
         gap: 14
       },
-      children: [((_context_options = context.options) === null || _context_options === void 0 ? void 0 : _context_options.walletConnectCTA) !== "modal" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CopyToClipboard.default, {
+      children: [((_context_options = context.options) === null || _context_options === void 0 ? void 0 : _context_options.walletConnectCTA) !== "modal" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.CopyToClipboard, {
         variant: "button",
         string: uri,
         children: ((_context_options1 = context.options) === null || _context_options1 === void 0 ? void 0 : _context_options1.walletConnectCTA) === "link" ? locales.copyToClipboard : locales.copyCode
-      }), ((_context_options2 = context.options) === null || _context_options2 === void 0 ? void 0 : _context_options2.walletConnectCTA) !== "link" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.default, {
-        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.ExternalLinkIcon, {}),
+      }), ((_context_options2 = context.options) === null || _context_options2 === void 0 ? void 0 : _context_options2.walletConnectCTA) !== "link" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.Button, {
+        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ExternalLinkIcon, {}),
         onClick: openW3M,
         disabled: isOpenW3M,
         waiting: isOpenW3M,
         children: ((_context_options3 = context.options) === null || _context_options3 === void 0 ? void 0 : _context_options3.walletConnectCTA) === "modal" ? locales.useWalletConnectModal : locales.useModal
       })]
-    }), (0, import_utils.isAaveAccountConnector)(wallet.id) && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Modal.OrDivider, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.default, {
+    }), (0, import_connectkit.isAaveAccountConnector)(wallet.id) && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.OrDivider, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.Button, {
         onClick: function onClick() {
           return switchConnectMethod(id);
         },
@@ -166,9 +157,9 @@ var ConnectWithQRCode = function ConnectWithQRCode2(param) {
           )}
           */
     hasApps && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.default, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.Button, {
         onClick: function onClick() {
-          context.setRoute(import_ConnectKit.routes.DOWNLOAD);
+          context.setRoute(import_connectkit.routes.DOWNLOAD);
         },
         /*
         icon={

package/dist/cjs/connectkit/components/ConnectModal/ConnectWithQRCode.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ConnectWithQRCode_exports","__export","default","ConnectWithQRCode_default","module","exports","import_jsx_runtime","require","import_react","__toESM","import_ConnectKit","import_useWalletConnectModal","import_utils","import_styles","import_Modal","import_CustomQRCode","import_Button","import_ScanIconWithLogos","import_icons","import_CopyToClipboard","import_useLocales","import_useWallets","import_web3","ConnectWithQRCode","ConnectWithQRCode2","param","switchConnectMethod","_ref","_wallet_getWalletConnectDeeplink","_Object_keys_","_Object_keys_1","_context_options","_context_options1","_context_options2","_context_options3","context","useContext","id","connector","wallet","useWallet","open","openW3M","isOpen","isOpenW3M","useWalletConnectModal","connect","getUri","useWeb3","wcUri","uri","getWalletConnectDeeplink","call","locales","CONNECTORNAME","name","jsxs","Fragment","children","downloads","downloadUrls","extensions","chrome","firefox","brave","edge","safari","browser","detectBrowser","hasApps","Object","keys","length","suggestedExtension","label","charAt","toUpperCase","slice","url","showAdditionalOptions","isWalletConnectConnector","PageContent","ModalContent","style","paddingBottom","gap","jsx","image","icon","tooltipMessage","scanScreen_tooltip_walletConnect","logo","scanScreen_tooltip_default","OrDivider","dontHaveTheApp","display","alignItems","justifyContent","options","walletConnectCTA","variant","string","copyToClipboard","copyCode","ExternalLinkIcon","onClick","disabled","waiting","useModal"],"sources":["../../../../../src/connectkit/components/ConnectModal/ConnectWithQRCode.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","ConnectWithQRCode_exports","__export","default","ConnectWithQRCode_default","module","exports","import_jsx_runtime","require","import_react","import_connectkit","import_useWalletConnectModal","import_useWallets","import_web3","ConnectWithQRCode","ConnectWithQRCode2","param","switchConnectMethod","_ref","_wallet_getWalletConnectDeeplink","_Object_keys_","_Object_keys_1","_context_options","_context_options1","_context_options2","_context_options3","context","useContext","id","connector","wallet","useWallet","open","openW3M","isOpen","isOpenW3M","useWalletConnectModal","connect","getUri","useWeb3","wcUri","uri","getWalletConnectDeeplink","call","locales","useLocales","CONNECTORNAME","name","jsxs","Fragment","children","downloads","downloadUrls","extensions","chrome","firefox","brave","edge","safari","browser","detectBrowser","hasApps","Object","keys","length","suggestedExtension","label","charAt","toUpperCase","slice","url","showAdditionalOptions","isWalletConnectConnector","PageContent","ModalContent","style","paddingBottom","gap","jsx","CustomQRCode","image","icon","tooltipMessage","ScanIconWithLogos","scanScreen_tooltip_walletConnect","logo","scanScreen_tooltip_default","OrDivider","dontHaveTheApp","display","alignItems","justifyContent","options","walletConnectCTA","CopyToClipboard","variant"],"sources":["../../../../../src/connectkit/components/ConnectModal/ConnectWithQRCode.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/connectkit/components/ConnectModal/demo.cjs

@@ -38,8 +38,7 @@ __export(demo_exports, {
 module.exports = __toCommonJS(demo_exports);
 var import_react = require("react");
 var import_wagmi = require("wagmi");
-var import_ConnectKit = require("../ConnectKit.cjs");
-var import_Modal = __toESM(require("../Common/Modal/index.cjs"));
+var import_connectkit = require("@multiplatform.one/connectkit");
 var import_Onboarding = __toESM(require("../Pages/Onboarding/index.cjs"));
 var import_About = __toESM(require("../Pages/About/index.cjs"));
 var import_Connectors = __toESM(require("../Pages/Connectors/index.cjs"));
@@ -51,8 +50,7 @@ var import_MobileConnectors = __toESM(require("../Pages/MobileConnectors/index.c
 var import_SignInWithEthereum = __toESM(require("../Pages/SignInWithEthereum/index.cjs"));
 var import_ConnectButton = require("../ConnectButton/index.cjs");
 var import_defaultConfig = require("../../defaultConfig.cjs");
-var import_ConnectKitThemeProvider = require("../ConnectKitThemeProvider/ConnectKitThemeProvider.cjs");
-var import_styled = __toESM(require("./../../styles/styled/index.cjs"));
+var import_connectkit2 = require("@multiplatform.one/connectkit");
 var import_styled_components = require("styled-components");
 var import_web3 = require("../contexts/web3/index.cjs");
 var import_useChainIsSupported = require("../../hooks/useChainIsSupported.cjs");
@@ -72,7 +70,7 @@ const cursorIn = import_styled_components.keyframes`
   85%{ transform:translate(25%,-20%) scale(0.9); }
   100%{ transform:translate(25%,-20%) scale(1); opacity:1; }
 `;
-const Cursor = import_styled.default.div`
+const Cursor = import_connectkit2.styled.div`
   z-index: 2;
   position: absolute;
   top: 50%;
@@ -81,13 +79,15 @@ const Cursor = import_styled.default.div`
   height: 32px;
   border-radius: 50%;
   background: rgba(0, 0, 0, 0.5);
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 4px 6px rgba(0, 0, 0, 0.1);
+  box-shadow:
+    0 0 0 2px rgba(255, 255, 255, 0.4),
+    0 4px 6px rgba(0, 0, 0, 0.1);
   opacity: 0;
   &.play {
     animation: ${cursorIn} 1300ms 200ms cubic-bezier(0.16, 1, 0.6, 1) both;
   }
 `;
-const Container = import_styled.default.div`
+const Container = import_connectkit2.styled.div`
   z-index: 1;
   position: absolute;
   inset: 0;
@@ -95,7 +95,7 @@ const Container = import_styled.default.div`
     animation: ${shake} 300ms 100ms cubic-bezier(0.16, 1, 0.6, 1) both;
   }
 `;
-const ButtonContainer = import_styled.default.div`
+const ButtonContainer = import_connectkit2.styled.div`
   z-index: 1;
   position: absolute;
   inset: 0;
@@ -104,7 +104,7 @@ const ButtonContainer = import_styled.default.div`
   justify-content: center;
   &:before {
     z-index: 9;
-    content: '';
+    content: "";
     position: absolute;
     inset: 0;
   }
@@ -119,24 +119,25 @@ const ConnectModal = ({
   open,
   onClose
 }) => {
-  const context = (0, import_ConnectKit.useContext)();
+  const context = (0, import_connectkit.useContext)();
+  const modalState = (0, import_connectkit2.useModalState)();
   const {
     isConnected,
     chain
   } = (0, import_wagmi.useAccount)();
   const chainIsSupported = (0, import_useChainIsSupported.useChainIsSupported)(chain?.id);
   const closeable = !(context.options?.enforceSupportedChains && isConnected && !chainIsSupported);
-  const showBackButton = closeable && context.route !== import_ConnectKit.routes.CONNECTORS && context.route !== import_ConnectKit.routes.PROFILE;
-  const showInfoButton = closeable && context.route !== import_ConnectKit.routes.PROFILE;
+  const showBackButton = closeable && context.route !== import_connectkit.routes.CONNECTORS && context.route !== import_connectkit.routes.PROFILE;
+  const showInfoButton = closeable && context.route !== import_connectkit.routes.PROFILE;
   const onBack = () => {
-    if (context.route === import_ConnectKit.routes.SIGNINWITHETHEREUM) {
-      context.setRoute(import_ConnectKit.routes.PROFILE);
-    } else if (context.route === import_ConnectKit.routes.SWITCHNETWORKS) {
-      context.setRoute(import_ConnectKit.routes.PROFILE);
-    } else if (context.route === import_ConnectKit.routes.DOWNLOAD) {
-      context.setRoute(import_ConnectKit.routes.CONNECT);
+    if (context.route === import_connectkit.routes.SIGNINWITHETHEREUM) {
+      context.setRoute(import_connectkit.routes.PROFILE);
+    } else if (context.route === import_connectkit.routes.SWITCHNETWORKS) {
+      context.setRoute(import_connectkit.routes.PROFILE);
+    } else if (context.route === import_connectkit.routes.DOWNLOAD) {
+      context.setRoute(import_connectkit.routes.CONNECT);
     } else {
-      context.setRoute(import_ConnectKit.routes.CONNECTORS);
+      context.setRoute(import_connectkit.routes.CONNECTORS);
     }
   };
   const pages = {
@@ -156,11 +157,11 @@ const ConnectModal = ({
   const cursorRef = (0, import_react.useRef)(null);
   const [isOpen, setIsOpen] = (0, import_react.useState)(open ?? false);
   (0, import_react.useEffect)(() => {
-    if (open) context.setRoute(isConnected ? import_ConnectKit.routes.PROFILE : import_ConnectKit.routes.CONNECTORS);
+    if (open) context.setRoute(isConnected ? import_connectkit.routes.PROFILE : import_connectkit.routes.CONNECTORS);
     setIsOpen(open ?? false);
   }, [open]);
   (0, import_react.useEffect)(() => {
-    if (isOpen) context.setRoute(isConnected ? import_ConnectKit.routes.PROFILE : import_ConnectKit.routes.CONNECTORS);
+    if (isOpen) context.setRoute(isConnected ? import_connectkit.routes.PROFILE : import_connectkit.routes.CONNECTORS);
   }, [isOpen]);
   (0, import_react.useEffect)(() => {
     if (!isOpen && inline) {
@@ -194,9 +195,9 @@ const ConnectModal = ({
   };
   (0, import_react.useEffect)(() => {
     if (isConnected) {
-      if (context.route !== import_ConnectKit.routes.PROFILE || context.route !== import_ConnectKit.routes.SIGNINWITHETHEREUM) {
-        if (context.signInWithEthereum && !context.options?.disableSiweRedirect) {
-          context.setRoute(import_ConnectKit.routes.SIGNINWITHETHEREUM);
+      if (context.route !== import_connectkit.routes.PROFILE || context.route !== import_connectkit.routes.SIGNINWITHETHEREUM) {
+        if (modalState.signInWithEthereum && !context.options?.disableSiweRedirect) {
+          context.setRoute(import_connectkit.routes.SIGNINWITHETHEREUM);
         } else {
           onModalClose();
         }
@@ -218,7 +219,7 @@ const ConnectModal = ({
   }, [open, inline]);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_web3.Web3ContextProvider, {
     enabled: isOpen,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConnectKitThemeProvider.ConnectKitThemeProvider, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit2.ConnectKitThemeProvider, {
       theme,
       customTheme,
       mode,
@@ -234,7 +235,7 @@ const ConnectModal = ({
               mode
             })
           })]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Modal.default, {
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.Modal, {
           demo: {
             theme,
             customTheme,
@@ -245,7 +246,7 @@ const ConnectModal = ({
           open: isOpen,
           pages,
           pageId: context.route,
-          onInfo: showInfoButton ? () => context.setRoute(import_ConnectKit.routes.ABOUT) : void 0,
+          onInfo: showInfoButton ? () => context.setRoute(import_connectkit.routes.ABOUT) : void 0,
           onBack: showBackButton ? onBack : void 0
         })]
       })

package/dist/cjs/connectkit/components/ConnectModal/demo.native.js

@@ -41,8 +41,7 @@ module.exports = __toCommonJS(demo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_wagmi = require("wagmi");
-var import_ConnectKit = require("../ConnectKit.native.js");
-var import_Modal = __toESM(require("../Common/Modal/index.native.js"));
+var import_connectkit = require("@multiplatform.one/connectkit");
 var import_Onboarding = __toESM(require("../Pages/Onboarding/index.native.js"));
 var import_About = __toESM(require("../Pages/About/index.native.js"));
 var import_Connectors = __toESM(require("../Pages/Connectors/index.native.js"));
@@ -54,8 +53,7 @@ var import_MobileConnectors = __toESM(require("../Pages/MobileConnectors/index.n
 var import_SignInWithEthereum = __toESM(require("../Pages/SignInWithEthereum/index.native.js"));
 var import_ConnectButton = require("../ConnectButton/index.native.js");
 var import_defaultConfig = require("../../defaultConfig.native.js");
-var import_ConnectKitThemeProvider = require("../ConnectKitThemeProvider/ConnectKitThemeProvider.native.js");
-var import_styled = __toESM(require("./../../styles/styled/index.native.js"));
+var import_connectkit2 = require("@multiplatform.one/connectkit");
 var import_styled_components = require("styled-components");
 var import_web3 = require("../contexts/web3/index.native.js");
 var import_useChainIsSupported = require("../../hooks/useChainIsSupported.native.js");
@@ -74,7 +72,7 @@ var cursorIn = import_styled_components.keyframes`
   85%{ transform:translate(25%,-20%) scale(0.9); }
   100%{ transform:translate(25%,-20%) scale(1); opacity:1; }
 `;
-var Cursor = import_styled.default.div`
+var Cursor = import_connectkit2.styled.div`
   z-index: 2;
   position: absolute;
   top: 50%;
@@ -83,13 +81,15 @@ var Cursor = import_styled.default.div`
   height: 32px;
   border-radius: 50%;
   background: rgba(0, 0, 0, 0.5);
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 4px 6px rgba(0, 0, 0, 0.1);
+  box-shadow:
+    0 0 0 2px rgba(255, 255, 255, 0.4),
+    0 4px 6px rgba(0, 0, 0, 0.1);
   opacity: 0;
   &.play {
     animation: ${cursorIn} 1300ms 200ms cubic-bezier(0.16, 1, 0.6, 1) both;
   }
 `;
-var Container = import_styled.default.div`
+var Container = import_connectkit2.styled.div`
   z-index: 1;
   position: absolute;
   inset: 0;
@@ -97,7 +97,7 @@ var Container = import_styled.default.div`
     animation: ${shake} 300ms 100ms cubic-bezier(0.16, 1, 0.6, 1) both;
   }
 `;
-var ButtonContainer = import_styled.default.div`
+var ButtonContainer = import_connectkit2.styled.div`
   z-index: 1;
   position: absolute;
   inset: 0;
@@ -106,7 +106,7 @@ var ButtonContainer = import_styled.default.div`
   justify-content: center;
   &:before {
     z-index: 9;
-    content: '';
+    content: "";
     position: absolute;
     inset: 0;
   }
@@ -123,24 +123,25 @@ var ConnectModal = function ConnectModal2(param) {
     onClose
   } = param;
   var _context_options;
-  var context = (0, import_ConnectKit.useContext)();
+  var context = (0, import_connectkit.useContext)();
+  var modalState = (0, import_connectkit2.useModalState)();
   var {
     isConnected,
     chain
   } = (0, import_wagmi.useAccount)();
   var chainIsSupported = (0, import_useChainIsSupported.useChainIsSupported)(chain === null || chain === void 0 ? void 0 : chain.id);
   var closeable = !(((_context_options = context.options) === null || _context_options === void 0 ? void 0 : _context_options.enforceSupportedChains) && isConnected && !chainIsSupported);
-  var showBackButton = closeable && context.route !== import_ConnectKit.routes.CONNECTORS && context.route !== import_ConnectKit.routes.PROFILE;
-  var showInfoButton = closeable && context.route !== import_ConnectKit.routes.PROFILE;
+  var showBackButton = closeable && context.route !== import_connectkit.routes.CONNECTORS && context.route !== import_connectkit.routes.PROFILE;
+  var showInfoButton = closeable && context.route !== import_connectkit.routes.PROFILE;
   var onBack = function onBack2() {
-    if (context.route === import_ConnectKit.routes.SIGNINWITHETHEREUM) {
-      context.setRoute(import_ConnectKit.routes.PROFILE);
-    } else if (context.route === import_ConnectKit.routes.SWITCHNETWORKS) {
-      context.setRoute(import_ConnectKit.routes.PROFILE);
-    } else if (context.route === import_ConnectKit.routes.DOWNLOAD) {
-      context.setRoute(import_ConnectKit.routes.CONNECT);
+    if (context.route === import_connectkit.routes.SIGNINWITHETHEREUM) {
+      context.setRoute(import_connectkit.routes.PROFILE);
+    } else if (context.route === import_connectkit.routes.SWITCHNETWORKS) {
+      context.setRoute(import_connectkit.routes.PROFILE);
+    } else if (context.route === import_connectkit.routes.DOWNLOAD) {
+      context.setRoute(import_connectkit.routes.CONNECT);
     } else {
-      context.setRoute(import_ConnectKit.routes.CONNECTORS);
+      context.setRoute(import_connectkit.routes.CONNECTORS);
     }
   };
   var pages = {
@@ -162,11 +163,11 @@ var ConnectModal = function ConnectModal2(param) {
   var cursorRef = (0, import_react.useRef)(null);
   var [isOpen, setIsOpen] = (0, import_react.useState)(open !== null && open !== void 0 ? open : false);
   (0, import_react.useEffect)(function () {
-    if (open) context.setRoute(isConnected ? import_ConnectKit.routes.PROFILE : import_ConnectKit.routes.CONNECTORS);
+    if (open) context.setRoute(isConnected ? import_connectkit.routes.PROFILE : import_connectkit.routes.CONNECTORS);
     setIsOpen(open !== null && open !== void 0 ? open : false);
   }, [open]);
   (0, import_react.useEffect)(function () {
-    if (isOpen) context.setRoute(isConnected ? import_ConnectKit.routes.PROFILE : import_ConnectKit.routes.CONNECTORS);
+    if (isOpen) context.setRoute(isConnected ? import_connectkit.routes.PROFILE : import_connectkit.routes.CONNECTORS);
   }, [isOpen]);
   (0, import_react.useEffect)(function () {
     if (!isOpen && inline) {
@@ -200,10 +201,10 @@ var ConnectModal = function ConnectModal2(param) {
   };
   (0, import_react.useEffect)(function () {
     if (isConnected) {
-      if (context.route !== import_ConnectKit.routes.PROFILE || context.route !== import_ConnectKit.routes.SIGNINWITHETHEREUM) {
+      if (context.route !== import_connectkit.routes.PROFILE || context.route !== import_connectkit.routes.SIGNINWITHETHEREUM) {
         var _context_options2;
-        if (context.signInWithEthereum && !((_context_options2 = context.options) === null || _context_options2 === void 0 ? void 0 : _context_options2.disableSiweRedirect)) {
-          context.setRoute(import_ConnectKit.routes.SIGNINWITHETHEREUM);
+        if (modalState.signInWithEthereum && !((_context_options2 = context.options) === null || _context_options2 === void 0 ? void 0 : _context_options2.disableSiweRedirect)) {
+          context.setRoute(import_connectkit.routes.SIGNINWITHETHEREUM);
         } else {
           onModalClose();
         }
@@ -227,7 +228,7 @@ var ConnectModal = function ConnectModal2(param) {
   }, [open, inline]);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_web3.Web3ContextProvider, {
     enabled: isOpen,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConnectKitThemeProvider.ConnectKitThemeProvider, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit2.ConnectKitThemeProvider, {
       theme,
       customTheme,
       mode,
@@ -243,7 +244,7 @@ var ConnectModal = function ConnectModal2(param) {
               mode
             })
           })]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Modal.default, {
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.Modal, {
           demo: {
             theme,
             customTheme,
@@ -255,7 +256,7 @@ var ConnectModal = function ConnectModal2(param) {
           pages,
           pageId: context.route,
           onInfo: showInfoButton ? function () {
-            return context.setRoute(import_ConnectKit.routes.ABOUT);
+            return context.setRoute(import_connectkit.routes.ABOUT);
           } : void 0,
           onBack: showBackButton ? onBack : void 0
         })]