@multiplatform.one/web3 5.0.27

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

@@ -0,0 +1,255 @@
+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, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  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);
+var demo_exports = {};
+__export(demo_exports, {
+  default: () => demo_default
+});
+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_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"));
+var import_ConnectUsing = __toESM(require("./ConnectUsing.cjs"));
+var import_DownloadApp = __toESM(require("../Pages/DownloadApp/index.cjs"));
+var import_Profile = __toESM(require("../Pages/Profile/index.cjs"));
+var import_SwitchNetworks = __toESM(require("../Pages/SwitchNetworks/index.cjs"));
+var import_MobileConnectors = __toESM(require("../Pages/MobileConnectors/index.cjs"));
+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_styled_components = require("styled-components");
+var import_web3 = require("../contexts/web3/index.cjs");
+var import_useChainIsSupported = require("../../hooks/useChainIsSupported.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const dist = 8;
+const shake = import_styled_components.keyframes`
+  0%{ transform:none; }
+  25%{ transform:translateX(${dist}px); }
+  50%{ transform:translateX(-${dist}px); }
+  75%{ transform:translateX(${dist}px); }
+  100%{ transform:none; }
+`;
+const cursorIn = import_styled_components.keyframes`
+  0%{ transform:translate(500%,100%); opacity:0; }
+  60%{ transform:translate(25%,-20%); opacity:1; }
+  70%{ transform:translate(25%,-20%); }
+  85%{ transform:translate(25%,-20%) scale(0.9); }
+  100%{ transform:translate(25%,-20%) scale(1); opacity:1; }
+`;
+const Cursor = import_styled.default.div`
+  z-index: 2;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 32px;
+  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);
+  opacity: 0;
+  &.play {
+    animation: ${cursorIn} 1300ms 200ms cubic-bezier(0.16, 1, 0.6, 1) both;
+  }
+`;
+const Container = import_styled.default.div`
+  z-index: 1;
+  position: absolute;
+  inset: 0;
+  &.shake {
+    animation: ${shake} 300ms 100ms cubic-bezier(0.16, 1, 0.6, 1) both;
+  }
+`;
+const ButtonContainer = import_styled.default.div`
+  z-index: 1;
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &:before {
+    z-index: 9;
+    content: '';
+    position: absolute;
+    inset: 0;
+  }
+`;
+const customThemeDefault = {};
+const ConnectModal = ({
+  theme = "auto",
+  customTheme = customThemeDefault,
+  lang = "en-US",
+  mode = "auto",
+  inline = false,
+  open,
+  onClose
+}) => {
+  const context = (0, import_ConnectKit.useContext)();
+  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 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);
+    } else {
+      context.setRoute(import_ConnectKit.routes.CONNECTORS);
+    }
+  };
+  const pages = {
+    onboarding: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Onboarding.default, {}),
+    about: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_About.default, {}),
+    download: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DownloadApp.default, {}),
+    connectors: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Connectors.default, {}),
+    mobileConnectors: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MobileConnectors.default, {}),
+    connect: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConnectUsing.default, {}),
+    profile: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Profile.default, {
+      closeModal: () => setIsOpen(false)
+    }),
+    switchNetworks: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SwitchNetworks.default, {}),
+    signInWithEthereum: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SignInWithEthereum.default, {})
+  };
+  const ref = (0, import_react.useRef)(null);
+  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);
+    setIsOpen(open ?? false);
+  }, [open]);
+  (0, import_react.useEffect)(() => {
+    if (isOpen) context.setRoute(isConnected ? import_ConnectKit.routes.PROFILE : import_ConnectKit.routes.CONNECTORS);
+  }, [isOpen]);
+  (0, import_react.useEffect)(() => {
+    if (!isOpen && inline) {
+      if (onClose) {
+        if (cursorRef.current) {
+          cursorRef.current.classList.remove("play");
+          void cursorRef.current.offsetWidth;
+          cursorRef.current.classList.add("play");
+        }
+        setTimeout(() => {
+          setIsOpen(true);
+        }, 1500);
+      } else {
+        setTimeout(() => {
+          setIsOpen(true);
+        }, 500);
+      }
+    }
+  }, [isOpen]);
+  const onModalClose = () => {
+    if (onClose) {
+      setIsOpen(false);
+      onClose();
+    } else {
+      if (ref.current) {
+        ref.current.classList.remove("shake");
+        void ref.current.offsetWidth;
+        ref.current.classList.add("shake");
+      }
+    }
+  };
+  (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);
+        } else {
+          onModalClose();
+        }
+      }
+    } else {
+      onModalClose();
+    }
+  }, [isConnected]);
+  (0, import_react.useEffect)(() => {
+    const appName = (0, import_defaultConfig.getAppName)();
+    if (!appName || !open && !inline) return;
+    const title = document.createElement("meta");
+    title.setAttribute("property", "og:title");
+    title.setAttribute("content", appName);
+    document.head.prepend(title);
+    return () => {
+      document.head.removeChild(title);
+    };
+  }, [open, inline]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_web3.Web3ContextProvider, {
+    enabled: isOpen,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConnectKitThemeProvider.ConnectKitThemeProvider, {
+      theme,
+      customTheme,
+      mode,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Container, {
+        ref,
+        children: [inline && onClose && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Cursor, {
+            ref: cursorRef
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonContainer, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConnectButton.ConnectKitButton, {
+              customTheme,
+              theme,
+              mode
+            })
+          })]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Modal.default, {
+          demo: {
+            theme,
+            customTheme,
+            mode
+          },
+          onClose: closeable ? onModalClose : void 0,
+          positionInside: inline,
+          open: isOpen,
+          pages,
+          pageId: context.route,
+          onInfo: showInfoButton ? () => context.setRoute(import_ConnectKit.routes.ABOUT) : void 0,
+          onBack: showBackButton ? onBack : void 0
+        })]
+      })
+    })
+  });
+};
+var demo_default = ConnectModal;

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

@@ -0,0 +1,267 @@
+"use strict";
+
+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, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  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);
+var demo_exports = {};
+__export(demo_exports, {
+  default: () => demo_default
+});
+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_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"));
+var import_ConnectUsing = __toESM(require("./ConnectUsing.native.js"));
+var import_DownloadApp = __toESM(require("../Pages/DownloadApp/index.native.js"));
+var import_Profile = __toESM(require("../Pages/Profile/index.native.js"));
+var import_SwitchNetworks = __toESM(require("../Pages/SwitchNetworks/index.native.js"));
+var import_MobileConnectors = __toESM(require("../Pages/MobileConnectors/index.native.js"));
+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_styled_components = require("styled-components");
+var import_web3 = require("../contexts/web3/index.native.js");
+var import_useChainIsSupported = require("../../hooks/useChainIsSupported.native.js");
+var dist = 8;
+var shake = import_styled_components.keyframes`
+  0%{ transform:none; }
+  25%{ transform:translateX(${dist}px); }
+  50%{ transform:translateX(-${dist}px); }
+  75%{ transform:translateX(${dist}px); }
+  100%{ transform:none; }
+`;
+var cursorIn = import_styled_components.keyframes`
+  0%{ transform:translate(500%,100%); opacity:0; }
+  60%{ transform:translate(25%,-20%); opacity:1; }
+  70%{ transform:translate(25%,-20%); }
+  85%{ transform:translate(25%,-20%) scale(0.9); }
+  100%{ transform:translate(25%,-20%) scale(1); opacity:1; }
+`;
+var Cursor = import_styled.default.div`
+  z-index: 2;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 32px;
+  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);
+  opacity: 0;
+  &.play {
+    animation: ${cursorIn} 1300ms 200ms cubic-bezier(0.16, 1, 0.6, 1) both;
+  }
+`;
+var Container = import_styled.default.div`
+  z-index: 1;
+  position: absolute;
+  inset: 0;
+  &.shake {
+    animation: ${shake} 300ms 100ms cubic-bezier(0.16, 1, 0.6, 1) both;
+  }
+`;
+var ButtonContainer = import_styled.default.div`
+  z-index: 1;
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &:before {
+    z-index: 9;
+    content: '';
+    position: absolute;
+    inset: 0;
+  }
+`;
+var customThemeDefault = {};
+var ConnectModal = function ConnectModal2(param) {
+  var {
+    theme = "auto",
+    customTheme = customThemeDefault,
+    lang = "en-US",
+    mode = "auto",
+    inline = false,
+    open,
+    onClose
+  } = param;
+  var _context_options;
+  var context = (0, import_ConnectKit.useContext)();
+  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 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);
+    } else {
+      context.setRoute(import_ConnectKit.routes.CONNECTORS);
+    }
+  };
+  var pages = {
+    onboarding: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Onboarding.default, {}),
+    about: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_About.default, {}),
+    download: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DownloadApp.default, {}),
+    connectors: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Connectors.default, {}),
+    mobileConnectors: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MobileConnectors.default, {}),
+    connect: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConnectUsing.default, {}),
+    profile: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Profile.default, {
+      closeModal: function closeModal() {
+        return setIsOpen(false);
+      }
+    }),
+    switchNetworks: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SwitchNetworks.default, {}),
+    signInWithEthereum: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SignInWithEthereum.default, {})
+  };
+  var ref = (0, import_react.useRef)(null);
+  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);
+    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);
+  }, [isOpen]);
+  (0, import_react.useEffect)(function () {
+    if (!isOpen && inline) {
+      if (onClose) {
+        if (cursorRef.current) {
+          cursorRef.current.classList.remove("play");
+          void cursorRef.current.offsetWidth;
+          cursorRef.current.classList.add("play");
+        }
+        setTimeout(function () {
+          setIsOpen(true);
+        }, 1500);
+      } else {
+        setTimeout(function () {
+          setIsOpen(true);
+        }, 500);
+      }
+    }
+  }, [isOpen]);
+  var onModalClose = function onModalClose2() {
+    if (onClose) {
+      setIsOpen(false);
+      onClose();
+    } else {
+      if (ref.current) {
+        ref.current.classList.remove("shake");
+        void ref.current.offsetWidth;
+        ref.current.classList.add("shake");
+      }
+    }
+  };
+  (0, import_react.useEffect)(function () {
+    if (isConnected) {
+      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);
+        } else {
+          onModalClose();
+        }
+      }
+    } else {
+      onModalClose();
+    }
+  },
+  // Hide on connect
+  [isConnected]);
+  (0, import_react.useEffect)(function () {
+    var appName = (0, import_defaultConfig.getAppName)();
+    if (!appName || !open && !inline) return;
+    var title = document.createElement("meta");
+    title.setAttribute("property", "og:title");
+    title.setAttribute("content", appName);
+    document.head.prepend(title);
+    return function () {
+      document.head.removeChild(title);
+    };
+  }, [open, inline]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_web3.Web3ContextProvider, {
+    enabled: isOpen,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConnectKitThemeProvider.ConnectKitThemeProvider, {
+      theme,
+      customTheme,
+      mode,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Container, {
+        ref,
+        children: [inline && onClose && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Cursor, {
+            ref: cursorRef
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ButtonContainer, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConnectButton.ConnectKitButton, {
+              customTheme,
+              theme,
+              mode
+            })
+          })]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Modal.default, {
+          demo: {
+            theme,
+            customTheme,
+            mode
+          },
+          onClose: closeable ? onModalClose : void 0,
+          positionInside: inline,
+          open: isOpen,
+          pages,
+          pageId: context.route,
+          onInfo: showInfoButton ? function () {
+            return context.setRoute(import_ConnectKit.routes.ABOUT);
+          } : void 0,
+          onBack: showBackButton ? onBack : void 0
+        })]
+      })
+    })
+  });
+};
+var demo_default = ConnectModal;
+//# sourceMappingURL=demo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","demo_exports","__export","default","demo_default","module","exports","import_jsx_runtime","require","import_react","import_wagmi","import_ConnectKit","import_Modal","__toESM","import_Onboarding","import_About","import_Connectors","import_ConnectUsing","import_DownloadApp","import_Profile","import_SwitchNetworks","import_MobileConnectors","import_SignInWithEthereum","import_ConnectButton","import_defaultConfig","import_ConnectKitThemeProvider","import_styled","import_styled_components","import_web3","import_useChainIsSupported","dist","shake","keyframes","cursorIn","Cursor","div","Container","ButtonContainer","customThemeDefault","ConnectModal","ConnectModal2","param","theme","customTheme","lang","mode","inline","open","onClose","_context_options","context","useContext","isConnected","chain","useAccount","chainIsSupported","useChainIsSupported","id","closeable","options","enforceSupportedChains","showBackButton","route","routes","CONNECTORS","PROFILE","showInfoButton","onBack","onBack2","SIGNINWITHETHEREUM","setRoute","SWITCHNETWORKS","DOWNLOAD","CONNECT","pages","onboarding","jsx","about","download","connectors","mobileConnectors","connect","profile","closeModal","setIsOpen","switchNetworks","signInWithEthereum","ref","useRef","cursorRef","isOpen","useState","useEffect","current","classList","remove","offsetWidth","add","setTimeout","onModalClose","onModalClose2","_context_options2","disableSiweRedirect","appName","getAppName","title","document","createElement","setAttribute","head","prepend","removeChild","Web3ContextProvider","enabled","children","ConnectKitThemeProvider","jsxs","Fragment","ConnectKitButton"],"sources":["../../../../../src/connectkit/components/ConnectModal/demo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAC;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA4C,CAAAK,YAAA;AAC5C,IAAAM,kBAA2B,GAAAC,OAAA;AAC3B,IAAAC,YAAA,GAAAD,OAAmC;AAEnC,IAAAE,YAAA,GAAkBF,OAAA;AAElB,IAAAG,iBAAA,GAAuBH,OAAA;AACvB,IAAAI,YAAA,GAAkBC,OAAA,CAAAL,OAAA;AAClB,IAAAM,iBAAA,GAAuBD,OAAA,CAAAL,OAAA;AACvB,IAAAO,YAAA,GAAAF,OAAyB,CAAAL,OAAA;AACzB,IAAAQ,iBAAA,GAAAH,OAAwB,CAAAL,OAAA;AACxB,IAAAS,mBAAoB,GAAAJ,OAAA,CAAAL,OAAA;AACpB,IAAAU,kBAAA,GAAAL,OAA2B,CAAAL,OAAA;AAC3B,IAAAW,cAAA,GAAAN,OAAA,CAAAL,OAA6B;AAC7B,IAAAY,qBAAA,GAAAP,OAA+B,CAAAL,OAAA;AAE/B,IAAAa,uBAAiC,GAAAR,OAAA,CAAAL,OAAA;AACjC,IAAAc,yBAA2B,GAAAT,OAAA,CAAAL,OAAA;AAC3B,IAAAe,oBAAA,GAAAf,OAAA,mCAAwC;AAExC,IAAAgB,oBAAmB,GAAAhB,OAAA;AACnB,IAAAiB,8BAA0B,GAAAjB,OAAA;AAC1B,IAAAkB,aAAA,GAAoCb,OAAA,CAAAL,OAAA;AACpC,IAAAmB,wBAAA,GAAAnB,OAAoC;AA6GpB,IAAAoB,WAAA,GAAApB,OAAA;AA3GhB,IAAAqB,0BAAa,GAAArB,OAAA;AACb,IAAAsB,IAAM;AAAQ,IAAAC,KAAA,GAAAJ,wBAAA,CAAAK,SAAA;AAAA;AAEoB,8BAAAF,IACH;AAAI,+BACLA,IAAI;AAAA,8BAAAA,IAAA;AAAA;AAIlC;AAAiB,IAAAG,QAAA,GAAAN,wBAAA,CAAAK,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjB;AAAsB,IAAAE,MAAA,GAAAR,aAAA,CAAAvB,OAAA,CAAAgC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYG,iBAAAF,QAAA;AAAA;AAIzB;AAAyB,IAAAG,SAAA,GAAAV,aAAA,CAAAvB,OAAA,CAAAgC,GAAA;AAAA;AAAA;AAAA;AAAA;AAKH,iBAAAJ,KAAA;AAAA;AAGtB;AAA+B,IAAAM,eAAA,GAAAX,aAAA,CAAAvB,OAAA,CAAAgC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe/B;AAEA,IAAAG,kBAQM;AAAA,IACJC,YAAQ,YAAAC,cAAAC,KAAA;EACR;IAAAC,KAAA,GAAc;IAAAC,WAAA,GAAAL,kBAAA;IAAAM,IAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAP,KAAA;EACd,IAAAQ,gBAAO;EACP,IAAAC,OAAO,OAAAvC,iBAAA,CAAAwC,UAAA;EACP;IAAAC,WAAS;IAAAC;EAAA,QAAA3C,YAAA,CAAA4C,UAAA;EACT,IAAAC,gBAAA,OAAA1B,0BAAA,CAAA2B,mBAAA,EAAAH,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAAI,EAAA;EACA,IAAAC,SAAA,OAAAT,gBAAA,GAAAC,OAAA,CAAAS,OAAA,cAAAV,gBAAA,uBAAAA,gBAAA,CAAAW,sBAAA,KAAAR,WAAA,KAAAG,gBAAA;EACF,IAAMM,cAAA,GAAAH,SAAA,IAAAR,OAAA,CAAAY,KAAA,KAAAnD,iBAAA,CAAAoD,MAAA,CAAAC,UAAA,IAAAd,OAAA,CAAAY,KAAA,KAAAnD,iBAAA,CAAAoD,MAAA,CAAAE,OAAA;EACJ,IAAAC,cAAM,GAAUR,SAAA,IAAAR,OAAA,CAAAY,KAAA,KAAWnD,iBAAA,CAAAoD,MAAA,CAAAE,OAAA;EAE3B,IAAAE,MAAQ,YAAaC,OAAMA,CAAA;IAC3B,IAAMlB,OAAA,CAAAY,KAAA,KAAAnD,iBAAmB,CAAAoD,MAAA,CAAAM,kBAAA;MAGzBnB,OAAM,CAAAoB,QACJ,CAAA3D,iBAAiB,CAAAoD,MAAA,CAAAE,OAAA;IAKnB,OAAM,IAAAf,OAAA,CAAAY,KACJ,KAAAnD,iBACQ,CAAAoD,MAAU,CAAAQ,cAAA;MAGpBrB,OAAM,CAAAoB,QAAA,CAAA3D,iBAA8B,CAAAoD,MAAQ,CAAAE,OAAA,CAAU;IAEtD,OAAM,IAAAf,OAAS,CAAMY,KAAA,KAAAnD,iBAAA,CAAAoD,MAAA,CAAAS,QAAA;MACnBtB,OAAI,CAAAoB,QAAQ,CAAA3D,iBAAU,CAAAoD,MAAA,CAAAU,OAAO;IAC3B;MACFvB,OAAA,CAAAoB,QAAW,CAAQ3D,iBAAU,CAAAoD,MAAA,CAAAC,UAAO;IAClC;EAA+B;EAE/B,IAAAU,KAAA,GAAQ;IACVC,UAAO,qBAAApE,kBAAA,CAAAqE,GAAA,EAAA9D,iBAAA,CAAAX,OAAA;IACL0E,KAAA,iBAAiB,IAAAtE,kBAAO,CAAAqE,GAAA,EAAA7D,YAAU,CAAAZ,OAAA;IACpC2E,QAAA,qBAAAvE,kBAAA,CAAAqE,GAAA,EAAA1D,kBAAA,CAAAf,OAAA;IACF4E,UAAA,qBAAAxE,kBAAA,CAAAqE,GAAA,EAAA5D,iBAAA,CAAAb,OAAA;IAEA6E,gBAAmB,qBAAAzE,kBAAA,CAAAqE,GAAA,EAAAvD,uBAAA,CAAAlB,OAAA;IACjB8E,OAAA,iBAAY,IAAA1E,kBAAA,CAAAqE,GAAA,EAAA3D,mBAAC,CAAAd,OAAA,KAAW;IACxB+E,OAAO,qBAAA3E,kBAAA,CAAAqE,GAAC,EAAAzD,cAAA,CAAAhB,OAAM;MACdgF,UAAU,WAAAA,WAAA;QACV,OAAAC,SAAY;MACZ;IACA;IACAC,cAAS,qBAAA9E,kBAAC,CAAAqE,GAAA,EAAAxD,qBAAQ,CAAAjB,OAAA,EAAY;IAC9BmF,kBAAgB,qBAAA/E,kBAAA,CAAAqE,GAAC,EAAAtD,yBAAA,CAAAnB,OAAe;EAAA;EAElC,IAAAoF,GAAA,OAAA9E,YAAA,CAAA+E,MAAA;EAEA,IAAAC,SAAM,GAAM,IAAAhF,YAAA,CAAA+E,MAA8B,EAAI;EAC9C,KAAAE,MAAM,EAAAN,SAAY,QAAA3E,YAAA,CAA8BkF,QAAI,EAAA5C,IAAA,aAAAA,IAAA,cAAAA,IAAA;EACpD,IAAAtC,YAAe,CAAAmF,SAAS,cAAI;IAE5B,IAAA7C,IAAA,EAAAG,OAAA,CAAAoB,QAAU,CAAAlB,WAAM,GAAAzC,iBAAA,CAAAoD,MAAA,CAAAE,OAAA,GAAAtD,iBAAA,CAAAoD,MAAA,CAAAC,UAAA;IACdoB,SAAI,CAAArC,IAAA,aAAAA,IAAA,cAAAA,IAAA;EACF,IACFA,IAAA,CACF;EAEA,IAAAtC,YAAA,CAAAmF,SAAA,EAAU,YAAM;IACd,IAAIF,MAAA,EAAAxC,OAAA,CAAAoB,QAAA,CAAAlB,WAAA,GAAAzC,iBAAA,CAAAoD,MAAA,CAAAE,OAAA,GAAAtD,iBAAA,CAAAoD,MAAA,CAAAC,UAAA;EACF,IACJ0B,MAAI,CAEJ;EACE,IAAAjF,YAAK,CAAUmF,SAAQ;IACrB,KAAAF,MAAI,IAAS5C,MAAA;MACX,IAAAE,OAAI;QACF,IAAAyC,SAAU,CAAAI,OAAQ;UAClBJ,SAAK,CAAAI,OAAU,CAAAC,SAAQ,CAAAC,MAAA;UACvB,KAAAN,SAAU,CAAAI,OAAQ,CAAAG,WAAc;UAClCP,SAAA,CAAAI,OAAA,CAAAC,SAAA,CAAAG,GAAA;QACA;QACEC,UAAA,aAAc;UAChBd,SAAO;QACT,OAAO;MACL;QACEc,UAAA,aAAc;UAChBd,SAAM;QACR;MACF;IACF;EAGA,IACEM,MAAI,CACF;EACA,IAAAS,YAAQ,YAAAC,cAAA;IACV,IAAApD,OAAO;MACLoC,SAAQ;MAENpC,OAAI;IACJ;MACA,IAAAuC,GAAI,CAAAM,OAAQ;QACdN,GAAA,CAAAM,OAAA,CAAAC,SAAA,CAAAC,MAAA;QACF,KAAAR,GAAA,CAAAM,OAAA,CAAAG,WAAA;QACFT,GAAA,CAAAM,OAAA,CAAAC,SAAA,CAAAG,GAAA;MAEA;IACE;EACE;EAIE,IAAAxF,YACE,CAAAmF,SAAQ,EAGR;IAA0C,IAC5CxC,WAAO;MACL,IAAAF,OAAA,CAAAY,KAAa,KAAAnD,iBAAA,CAAAoD,MAAA,CAAAE,OAAA,IAAAf,OAAA,CAAAY,KAAA,KAAAnD,iBAAA,CAAAoD,MAAA,CAAAM,kBAAA;QACf,IAAAgC,iBAAA;QACF,IAAAnD,OAAA,CAAAoC,kBAAA,OAAAe,iBAAA,GAAAnD,OAAA,CAAAS,OAAA,cAAA0C,iBAAA,uBAAAA,iBAAA,CAAAC,mBAAA;UACKpD,OAAA,CAAAoB,QAAA,CAAA3D,iBAAA,CAAAoD,MAAA,CAAAM,kBAAA;QACL;UACF8B,YAAA;QACE;MAGJ;IACE,OAAM;MACFA,YAAa,CAAC;IAElB;EACA;EACA;EACA,CAEA/C,WAAa,CACoB;EAEnC,IAAI3C,YAAY,CAACmF,SAAA;IAEjB,IAAAW,OACE,OAAA/E,oBAAA,CAAAgF,UAAC;IACE,KAAAD,OAAA,KAAAxD,IAAA,KAAAD,MAAA;IAAA,IAAA2D,KAAA,GAAAC,QAAA,CAAAC,aAAA;IAAAF,KACC,CAAAG,YAAA;IAAAH,KACA,CAAAG,YAAA,YAAAL,OAAA;IAAAG,QACA,CAAAG,IAAA,CAAAC,OAAA,CAAAL,KAAA;IAAA,OAEA;MACGC,QAAA,CAAAG,IAAU,CAAAE,WACT,CAAAN,KAAA;IACE;EAAwB,IAEtB1D,IAAA,EAACD,MAAA;EACC,sBACA,IAAAvC,kBAAA,CAAAqE,GAAA,EAAAhD,WAAA,CAAAoF,mBAAA;IAAAC,OAAA,EAAAvB,MACA;IAAAwB,QAAA,qBAAA3G,kBAAA,CAAAqE,GAAA,EAAAnD,8BAAA,CAAA0F,uBAAA;MAAAzE,KACF;MACFC,WACF;MAAAE,IAEF;MAAAqE,QAAC,qBAAA3G,kBAAA,CAAA6G,IAAA,EAAAhF,SAAA;QAAAmD,GAAA;QAAA2B,QACC,EAAM,CAAqDpE,MAC3D,IAAAE,OAAS,mBAAY,CAAe,GAAAzC,kBAAA,CAAA6G,IAAA,EAAA7G,kBAAA,CAAA8G,QAAA;UACpCH,QAAA,GACA,eAAM,IAAA3G,kBAAA,CAAAqE,GAAA,EAAA1C,MAAA;YACNqD,GAAA,EAAAE;UACA,IACA,eACE,IAAAlF,kBAA+B,CAAAqE,GAAA,EAAAvC,eAAS;YAE1C6E,QAAQ,iBAAiB,IAAS3G,kBAAA,CAAAqE,GAAA,EAAArD,oBAAA,CAAA+F,gBAAA;cAAA3E,WAAA;cACpCD,KAAA;cACFG;YAAA;UAEJ;QAIG,I","ignoreList":[]}

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

@@ -0,0 +1,139 @@
+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, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  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);
+var ConnectModal_exports = {};
+__export(ConnectModal_exports, {
+  default: () => ConnectModal_default
+});
+module.exports = __toCommonJS(ConnectModal_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_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"));
+var import_MobileConnectors = __toESM(require("../Pages/MobileConnectors/index.cjs"));
+var import_ConnectUsing = __toESM(require("./ConnectUsing.cjs"));
+var import_DownloadApp = __toESM(require("../Pages/DownloadApp/index.cjs"));
+var import_Profile = __toESM(require("../Pages/Profile/index.cjs"));
+var import_SwitchNetworks = __toESM(require("../Pages/SwitchNetworks/index.cjs"));
+var import_SignInWithEthereum = __toESM(require("../Pages/SignInWithEthereum/index.cjs"));
+var import_defaultConfig = require("../../defaultConfig.cjs");
+var import_ConnectKitThemeProvider = require("../ConnectKitThemeProvider/ConnectKitThemeProvider.cjs");
+var import_useChainIsSupported = require("../../hooks/useChainIsSupported.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const customThemeDefault = {};
+const ConnectModal = ({
+  mode = "auto",
+  theme = "auto",
+  customTheme = customThemeDefault,
+  lang = "en-US"
+}) => {
+  const context = (0, import_ConnectKit.useContext)();
+  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 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);
+    } else {
+      context.setRoute(import_ConnectKit.routes.CONNECTORS);
+    }
+  };
+  const pages = {
+    onboarding: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Onboarding.default, {}),
+    about: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_About.default, {}),
+    download: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_DownloadApp.default, {}),
+    connectors: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Connectors.default, {}),
+    mobileConnectors: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MobileConnectors.default, {}),
+    connect: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConnectUsing.default, {}),
+    profile: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Profile.default, {}),
+    switchNetworks: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SwitchNetworks.default, {}),
+    signInWithEthereum: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SignInWithEthereum.default, {})
+  };
+  function hide() {
+    context.setOpen(false);
+  }
+  (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);
+        } else {
+          hide();
+        }
+      }
+    } else {
+      hide();
+    }
+  }, [isConnected]);
+  (0, import_react.useEffect)(() => context.setMode(mode), [mode]);
+  (0, import_react.useEffect)(() => context.setTheme(theme), [theme]);
+  (0, import_react.useEffect)(() => context.setCustomTheme(customTheme), [customTheme]);
+  (0, import_react.useEffect)(() => context.setLang(lang), [lang]);
+  (0, import_react.useEffect)(() => {
+    const appName = (0, import_defaultConfig.getAppName)();
+    if (!appName || !context.open) return;
+    const title = document.createElement("meta");
+    title.setAttribute("property", "og:title");
+    title.setAttribute("content", appName);
+    document.head.prepend(title);
+    return () => {
+      document.head.removeChild(title);
+    };
+  }, [context.open]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ConnectKitThemeProvider.ConnectKitThemeProvider, {
+    theme,
+    customTheme,
+    mode,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Modal.default, {
+      open: context.open,
+      pages,
+      pageId: context.route,
+      onClose: closeable ? hide : void 0,
+      onInfo: showInfoButton ? () => context.setRoute(import_ConnectKit.routes.ABOUT) : void 0,
+      onBack: showBackButton ? onBack : void 0
+    })
+  });
+};
+var ConnectModal_default = ConnectModal;