@multiplatform.one/web3 5.0.27

package/dist/jsx/connectkit/components/ConnectModal/demo.mjs

@@ -0,0 +1,219 @@
+import { useEffect, useRef, useState } from "react";
+import { useAccount } from "wagmi";
+import { routes, useContext } from "../ConnectKit.mjs";
+import Modal from "../Common/Modal/index.mjs";
+import Onboarding from "../Pages/Onboarding/index.mjs";
+import About from "../Pages/About/index.mjs";
+import Connectors from "../Pages/Connectors/index.mjs";
+import ConnectUsing from "./ConnectUsing.mjs";
+import DownloadApp from "../Pages/DownloadApp/index.mjs";
+import Profile from "../Pages/Profile/index.mjs";
+import SwitchNetworks from "../Pages/SwitchNetworks/index.mjs";
+import MobileConnectors from "../Pages/MobileConnectors/index.mjs";
+import SignInWithEthereum from "../Pages/SignInWithEthereum/index.mjs";
+import { ConnectKitButton } from "../ConnectButton/index.mjs";
+import { getAppName } from "../../defaultConfig.mjs";
+import { ConnectKitThemeProvider } from "../ConnectKitThemeProvider/ConnectKitThemeProvider.mjs";
+import styled from "./../../styles/styled/index.mjs";
+import { keyframes } from "styled-components";
+import { Web3ContextProvider } from "../contexts/web3/index.mjs";
+import { useChainIsSupported } from "../../hooks/useChainIsSupported.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const dist = 8;
+const shake = keyframes`
+  0%{ transform:none; }
+  25%{ transform:translateX(${dist}px); }
+  50%{ transform:translateX(-${dist}px); }
+  75%{ transform:translateX(${dist}px); }
+  100%{ transform:none; }
+`;
+const cursorIn = 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 = styled.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 = styled.div`
+  z-index: 1;
+  position: absolute;
+  inset: 0;
+  &.shake {
+    animation: ${shake} 300ms 100ms cubic-bezier(0.16, 1, 0.6, 1) both;
+  }
+`;
+const ButtonContainer = styled.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 = useContext();
+  const {
+    isConnected,
+    chain
+  } = useAccount();
+  const chainIsSupported = useChainIsSupported(chain?.id);
+  const closeable = !(context.options?.enforceSupportedChains && isConnected && !chainIsSupported);
+  const showBackButton = closeable && context.route !== routes.CONNECTORS && context.route !== routes.PROFILE;
+  const showInfoButton = closeable && context.route !== routes.PROFILE;
+  const onBack = () => {
+    if (context.route === routes.SIGNINWITHETHEREUM) {
+      context.setRoute(routes.PROFILE);
+    } else if (context.route === routes.SWITCHNETWORKS) {
+      context.setRoute(routes.PROFILE);
+    } else if (context.route === routes.DOWNLOAD) {
+      context.setRoute(routes.CONNECT);
+    } else {
+      context.setRoute(routes.CONNECTORS);
+    }
+  };
+  const pages = {
+    onboarding: /* @__PURE__ */jsx(Onboarding, {}),
+    about: /* @__PURE__ */jsx(About, {}),
+    download: /* @__PURE__ */jsx(DownloadApp, {}),
+    connectors: /* @__PURE__ */jsx(Connectors, {}),
+    mobileConnectors: /* @__PURE__ */jsx(MobileConnectors, {}),
+    connect: /* @__PURE__ */jsx(ConnectUsing, {}),
+    profile: /* @__PURE__ */jsx(Profile, {
+      closeModal: () => setIsOpen(false)
+    }),
+    switchNetworks: /* @__PURE__ */jsx(SwitchNetworks, {}),
+    signInWithEthereum: /* @__PURE__ */jsx(SignInWithEthereum, {})
+  };
+  const ref = useRef(null);
+  const cursorRef = useRef(null);
+  const [isOpen, setIsOpen] = useState(open ?? false);
+  useEffect(() => {
+    if (open) context.setRoute(isConnected ? routes.PROFILE : routes.CONNECTORS);
+    setIsOpen(open ?? false);
+  }, [open]);
+  useEffect(() => {
+    if (isOpen) context.setRoute(isConnected ? routes.PROFILE : routes.CONNECTORS);
+  }, [isOpen]);
+  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");
+      }
+    }
+  };
+  useEffect(() => {
+    if (isConnected) {
+      if (context.route !== routes.PROFILE || context.route !== routes.SIGNINWITHETHEREUM) {
+        if (context.signInWithEthereum && !context.options?.disableSiweRedirect) {
+          context.setRoute(routes.SIGNINWITHETHEREUM);
+        } else {
+          onModalClose();
+        }
+      }
+    } else {
+      onModalClose();
+    }
+  }, [isConnected]);
+  useEffect(() => {
+    const appName = 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__ */jsx(Web3ContextProvider, {
+    enabled: isOpen,
+    children: /* @__PURE__ */jsx(ConnectKitThemeProvider, {
+      theme,
+      customTheme,
+      mode,
+      children: /* @__PURE__ */jsxs(Container, {
+        ref,
+        children: [inline && onClose && /* @__PURE__ */jsxs(Fragment, {
+          children: [/* @__PURE__ */jsx(Cursor, {
+            ref: cursorRef
+          }), /* @__PURE__ */jsx(ButtonContainer, {
+            children: /* @__PURE__ */jsx(ConnectKitButton, {
+              customTheme,
+              theme,
+              mode
+            })
+          })]
+        }), /* @__PURE__ */jsx(Modal, {
+          demo: {
+            theme,
+            customTheme,
+            mode
+          },
+          onClose: closeable ? onModalClose : void 0,
+          positionInside: inline,
+          open: isOpen,
+          pages,
+          pageId: context.route,
+          onInfo: showInfoButton ? () => context.setRoute(routes.ABOUT) : void 0,
+          onBack: showBackButton ? onBack : void 0
+        })]
+      })
+    })
+  });
+};
+var demo_default = ConnectModal;
+export { demo_default as default };
+//# sourceMappingURL=demo.mjs.map

package/dist/jsx/connectkit/components/ConnectModal/demo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","useAccount","routes","useContext","Modal","Onboarding","About","Connectors","ConnectUsing","DownloadApp","Profile","SwitchNetworks","MobileConnectors","SignInWithEthereum","ConnectKitButton","getAppName","ConnectKitThemeProvider","styled","keyframes","Web3ContextProvider","useChainIsSupported","Fragment","jsx","jsxs","dist","shake","cursorIn","Cursor","div","Container","ButtonContainer","customThemeDefault","ConnectModal","theme","customTheme","lang","mode","inline","open","onClose","context","isConnected","chain","chainIsSupported","id","closeable","options","enforceSupportedChains","showBackButton","route","CONNECTORS","PROFILE","showInfoButton","onBack","SIGNINWITHETHEREUM","setRoute","SWITCHNETWORKS","DOWNLOAD","CONNECT","pages","onboarding","about","download","connectors","mobileConnectors","connect","profile","closeModal","setIsOpen","switchNetworks","signInWithEthereum","ref","cursorRef","isOpen","current","classList","remove","offsetWidth","add","setTimeout","onModalClose","disableSiweRedirect","appName","title","document","createElement","setAttribute","head","prepend","removeChild","enabled","children","demo","positionInside","pageId","onInfo","ABOUT","demo_default"],"sources":["../../../../../src/connectkit/components/ConnectModal/demo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/connectkit/components/ConnectModal/demo.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","demo_exports","default","demo_default","module","exports","import_jsx_runtime","require","import_react","import_wagmi","import_ConnectKit","import_Modal","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"],"sources":["../../../../../src/connectkit/components/ConnectModal/demo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/connectkit/components/ConnectModal/index.mjs

@@ -0,0 +1,103 @@
+import { useEffect } from "react";
+import { useAccount } from "wagmi";
+import { routes, useContext } from "../ConnectKit.mjs";
+import Modal from "../Common/Modal/index.mjs";
+import Onboarding from "../Pages/Onboarding/index.mjs";
+import About from "../Pages/About/index.mjs";
+import Connectors from "../Pages/Connectors/index.mjs";
+import MobileConnectors from "../Pages/MobileConnectors/index.mjs";
+import ConnectUsing from "./ConnectUsing.mjs";
+import DownloadApp from "../Pages/DownloadApp/index.mjs";
+import Profile from "../Pages/Profile/index.mjs";
+import SwitchNetworks from "../Pages/SwitchNetworks/index.mjs";
+import SignInWithEthereum from "../Pages/SignInWithEthereum/index.mjs";
+import { getAppName } from "../../defaultConfig.mjs";
+import { ConnectKitThemeProvider } from "../ConnectKitThemeProvider/ConnectKitThemeProvider.mjs";
+import { useChainIsSupported } from "../../hooks/useChainIsSupported.mjs";
+import { jsx } from "react/jsx-runtime";
+const customThemeDefault = {};
+const ConnectModal = ({
+  mode = "auto",
+  theme = "auto",
+  customTheme = customThemeDefault,
+  lang = "en-US"
+}) => {
+  const context = useContext();
+  const {
+    isConnected,
+    chain
+  } = useAccount();
+  const chainIsSupported = useChainIsSupported(chain?.id);
+  const closeable = !(context.options?.enforceSupportedChains && isConnected && !chainIsSupported);
+  const showBackButton = closeable && context.route !== routes.CONNECTORS && context.route !== routes.PROFILE;
+  const showInfoButton = closeable && context.route !== routes.PROFILE;
+  const onBack = () => {
+    if (context.route === routes.SIGNINWITHETHEREUM) {
+      context.setRoute(routes.PROFILE);
+    } else if (context.route === routes.SWITCHNETWORKS) {
+      context.setRoute(routes.PROFILE);
+    } else if (context.route === routes.DOWNLOAD) {
+      context.setRoute(routes.CONNECT);
+    } else {
+      context.setRoute(routes.CONNECTORS);
+    }
+  };
+  const pages = {
+    onboarding: /* @__PURE__ */jsx(Onboarding, {}),
+    about: /* @__PURE__ */jsx(About, {}),
+    download: /* @__PURE__ */jsx(DownloadApp, {}),
+    connectors: /* @__PURE__ */jsx(Connectors, {}),
+    mobileConnectors: /* @__PURE__ */jsx(MobileConnectors, {}),
+    connect: /* @__PURE__ */jsx(ConnectUsing, {}),
+    profile: /* @__PURE__ */jsx(Profile, {}),
+    switchNetworks: /* @__PURE__ */jsx(SwitchNetworks, {}),
+    signInWithEthereum: /* @__PURE__ */jsx(SignInWithEthereum, {})
+  };
+  function hide() {
+    context.setOpen(false);
+  }
+  useEffect(() => {
+    if (isConnected) {
+      if (context.route !== routes.PROFILE || context.route !== routes.SIGNINWITHETHEREUM) {
+        if (context.signInWithEthereum && !context.options?.disableSiweRedirect) {
+          context.setRoute(routes.SIGNINWITHETHEREUM);
+        } else {
+          hide();
+        }
+      }
+    } else {
+      hide();
+    }
+  }, [isConnected]);
+  useEffect(() => context.setMode(mode), [mode]);
+  useEffect(() => context.setTheme(theme), [theme]);
+  useEffect(() => context.setCustomTheme(customTheme), [customTheme]);
+  useEffect(() => context.setLang(lang), [lang]);
+  useEffect(() => {
+    const appName = 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__ */jsx(ConnectKitThemeProvider, {
+    theme,
+    customTheme,
+    mode,
+    children: /* @__PURE__ */jsx(Modal, {
+      open: context.open,
+      pages,
+      pageId: context.route,
+      onClose: closeable ? hide : void 0,
+      onInfo: showInfoButton ? () => context.setRoute(routes.ABOUT) : void 0,
+      onBack: showBackButton ? onBack : void 0
+    })
+  });
+};
+var ConnectModal_default = ConnectModal;
+export { ConnectModal_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/connectkit/components/ConnectModal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useAccount","routes","useContext","Modal","Onboarding","About","Connectors","MobileConnectors","ConnectUsing","DownloadApp","Profile","SwitchNetworks","SignInWithEthereum","getAppName","ConnectKitThemeProvider","useChainIsSupported","jsx","customThemeDefault","ConnectModal","mode","theme","customTheme","lang","context","isConnected","chain","chainIsSupported","id","closeable","options","enforceSupportedChains","showBackButton","route","CONNECTORS","PROFILE","showInfoButton","onBack","SIGNINWITHETHEREUM","setRoute","SWITCHNETWORKS","DOWNLOAD","CONNECT","pages","onboarding","about","download","connectors","mobileConnectors","connect","profile","switchNetworks","signInWithEthereum","hide","setOpen","disableSiweRedirect","setMode","setTheme","setCustomTheme","setLang","appName","open","title","document","createElement","setAttribute","head","prepend","removeChild","children","pageId","onClose","onInfo","ABOUT","ConnectModal_default"],"sources":["../../../../../src/connectkit/components/ConnectModal/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAC1B,SAASC,UAAA,QAAkB;AAC3B,SAASC,MAAA,EAAQC,UAAA,QAAkB;AAEnC,OAAOC,KAAA,MAAW;AAElB,OAAOC,UAAA,MAAgB;AACvB,OAAOC,KAAA,MAAW;AAClB,OAAOC,UAAA,MAAgB;AACvB,OAAOC,gBAAA,MAAsB;AAC7B,OAAOC,YAAA,MAAkB;AACzB,OAAOC,WAAA,MAAiB;AACxB,OAAOC,OAAA,MAAa;AACpB,OAAOC,cAAA,MAAoB;AAC3B,OAAOC,kBAAA,MAAwB;AAE/B,SAAqBC,UAAA,QAAkB;AACvC,SAASC,uBAAA,QAA+B;AACxC,SAASC,mBAAA,QAA2B;AA8CpB,SAAAC,GAAA;AA5ChB,MAAMC,kBAAA,GAA6B,CAAC;AAEpC,MAAMC,YAAA,GAKDA,CAAC;EACJC,IAAA,GAAO;EACPC,KAAA,GAAQ;EACRC,WAAA,GAAcJ,kBAAA;EACdK,IAAA,GAAO;AACT,MAAM;EACJ,MAAMC,OAAA,GAAUrB,UAAA,CAAW;EAC3B,MAAM;IAAEsB,WAAA;IAAaC;EAAM,IAAIzB,UAAA,CAAW;EAC1C,MAAM0B,gBAAA,GAAmBX,mBAAA,CAAoBU,KAAA,EAAOE,EAAE;EAGtD,MAAMC,SAAA,GAAY,EAChBL,OAAA,CAAQM,OAAA,EAASC,sBAAA,IACjBN,WAAA,IACA,CAACE,gBAAA;EAGH,MAAMK,cAAA,GACJH,SAAA,IACAL,OAAA,CAAQS,KAAA,KAAU/B,MAAA,CAAOgC,UAAA,IACzBV,OAAA,CAAQS,KAAA,KAAU/B,MAAA,CAAOiC,OAAA;EAE3B,MAAMC,cAAA,GAAiBP,SAAA,IAAaL,OAAA,CAAQS,KAAA,KAAU/B,MAAA,CAAOiC,OAAA;EAE7D,MAAME,MAAA,GAASA,CAAA,KAAM;IACnB,IAAIb,OAAA,CAAQS,KAAA,KAAU/B,MAAA,CAAOoC,kBAAA,EAAoB;MAC/Cd,OAAA,CAAQe,QAAA,CAASrC,MAAA,CAAOiC,OAAO;IACjC,WAAWX,OAAA,CAAQS,KAAA,KAAU/B,MAAA,CAAOsC,cAAA,EAAgB;MAClDhB,OAAA,CAAQe,QAAA,CAASrC,MAAA,CAAOiC,OAAO;IACjC,WAAWX,OAAA,CAAQS,KAAA,KAAU/B,MAAA,CAAOuC,QAAA,EAAU;MAC5CjB,OAAA,CAAQe,QAAA,CAASrC,MAAA,CAAOwC,OAAO;IACjC,OAAO;MACLlB,OAAA,CAAQe,QAAA,CAASrC,MAAA,CAAOgC,UAAU;IACpC;EACF;EAEA,MAAMS,KAAA,GAAa;IACjBC,UAAA,EAAY,eAAA3B,GAAA,CAACZ,UAAA,IAAW;IACxBwC,KAAA,EAAO,eAAA5B,GAAA,CAACX,KAAA,IAAM;IACdwC,QAAA,EAAU,eAAA7B,GAAA,CAACP,WAAA,IAAY;IACvBqC,UAAA,EAAY,eAAA9B,GAAA,CAACV,UAAA,IAAW;IACxByC,gBAAA,EAAkB,eAAA/B,GAAA,CAACT,gBAAA,IAAiB;IACpCyC,OAAA,EAAS,eAAAhC,GAAA,CAACR,YAAA,IAAa;IACvByC,OAAA,EAAS,eAAAjC,GAAA,CAACN,OAAA,IAAQ;IAClBwC,cAAA,EAAgB,eAAAlC,GAAA,CAACL,cAAA,IAAe;IAChCwC,kBAAA,EAAoB,eAAAnC,GAAA,CAACJ,kBAAA,IAAmB;EAC1C;EAEA,SAASwC,KAAA,EAAO;IACd7B,OAAA,CAAQ8B,OAAA,CAAQ,KAAK;EACvB;EAEAtD,SAAA,CAAU,MAAM;IACd,IAAIyB,WAAA,EAAa;MACf,IACED,OAAA,CAAQS,KAAA,KAAU/B,MAAA,CAAOiC,OAAA,IACzBX,OAAA,CAAQS,KAAA,KAAU/B,MAAA,CAAOoC,kBAAA,EACzB;QACA,IACEd,OAAA,CAAQ4B,kBAAA,IACR,CAAC5B,OAAA,CAAQM,OAAA,EAASyB,mBAAA,EAClB;UACA/B,OAAA,CAAQe,QAAA,CAASrC,MAAA,CAAOoC,kBAAkB;QAC5C,OAAO;UACLe,IAAA,CAAK;QACP;MACF;IACF,OAAO;MACLA,IAAA,CAAK;IACP;EACF,GAAG,CAAC5B,WAAW,CAAC;EAEhBzB,SAAA,CAAU,MAAMwB,OAAA,CAAQgC,OAAA,CAAQpC,IAAI,GAAG,CAACA,IAAI,CAAC;EAC7CpB,SAAA,CAAU,MAAMwB,OAAA,CAAQiC,QAAA,CAASpC,KAAK,GAAG,CAACA,KAAK,CAAC;EAChDrB,SAAA,CAAU,MAAMwB,OAAA,CAAQkC,cAAA,CAAepC,WAAW,GAAG,CAACA,WAAW,CAAC;EAClEtB,SAAA,CAAU,MAAMwB,OAAA,CAAQmC,OAAA,CAAQpC,IAAI,GAAG,CAACA,IAAI,CAAC;EAG7CvB,SAAA,CAAU,MAAM;IACd,MAAM4D,OAAA,GAAU9C,UAAA,CAAW;IAC3B,IAAI,CAAC8C,OAAA,IAAW,CAACpC,OAAA,CAAQqC,IAAA,EAAM;IAE/B,MAAMC,KAAA,GAAQC,QAAA,CAASC,aAAA,CAAc,MAAM;IAC3CF,KAAA,CAAMG,YAAA,CAAa,YAAY,UAAU;IACzCH,KAAA,CAAMG,YAAA,CAAa,WAAWL,OAAO;IACrCG,QAAA,CAASG,IAAA,CAAKC,OAAA,CAAQL,KAAK;IAY3B,OAAO,MAAM;MACXC,QAAA,CAASG,IAAA,CAAKE,WAAA,CAAYN,KAAK;IAEjC;EACF,GAAG,CAACtC,OAAA,CAAQqC,IAAI,CAAC;EAEjB,OACE,eAAA5C,GAAA,CAACF,uBAAA;IACCM,KAAA;IACAC,WAAA;IACAF,IAAA;IAEAiD,QAAA,iBAAApD,GAAA,CAACb,KAAA;MACCyD,IAAA,EAAMrC,OAAA,CAAQqC,IAAA;MACdlB,KAAA;MACA2B,MAAA,EAAQ9C,OAAA,CAAQS,KAAA;MAChBsC,OAAA,EAAS1C,SAAA,GAAYwB,IAAA,GAAO;MAC5BmB,MAAA,EACEpC,cAAA,GAAiB,MAAMZ,OAAA,CAAQe,QAAA,CAASrC,MAAA,CAAOuE,KAAK,IAAI;MAE1DpC,MAAA,EAAQL,cAAA,GAAiBK,MAAA,GAAS;IAAA,CACpC;EAAA,CACF;AAEJ;AAEA,IAAOqC,oBAAA,GAAQvD,YAAA","ignoreList":[]}