@multiplatform.one/web3 5.0.27

package/dist/esm/connectkit/components/Pages/Profile/index.native.js

@@ -0,0 +1,160 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect, useState } from "react";
+import { useContext } from "../../ConnectKit.native.js";
+import { isAaveAccountConnector, isSafeConnector, nFormatter, truncateEthAddress } from "../../../utils/index.native.js";
+import { useConnect, useDisconnect, useAccount, useEnsName, useBalance, useConnectorClient } from "wagmi";
+import { formatUnits } from "viem";
+import { AvatarContainer, AvatarInner, ChainSelectorContainer, BalanceContainer, LoadingBalance, Balance } from "./styles.native.js";
+import { PageContent, ModalBody, ModalContent, ModalH1 } from "../../Common/Modal/styles.native.js";
+import Button from "../../Common/Button/index.native.js";
+import Avatar from "../../Common/Avatar/index.native.js";
+import ChainSelector from "../../Common/ChainSelect/index.native.js";
+import { DisconnectIcon } from "../../../assets/icons.native.js";
+import CopyToClipboard from "../../Common/CopyToClipboard/index.native.js";
+import { AnimatePresence } from "framer-motion";
+import { useThemeContext } from "../../ConnectKitThemeProvider/ConnectKitThemeProvider.native.js";
+import useLocales from "../../../hooks/useLocales.native.js";
+import { useEnsFallbackConfig } from "../../../hooks/useEnsFallbackConfig.native.js";
+var Profile = function Profile2(param) {
+  var {
+    closeModal
+  } = param;
+  var _ref, _themeContext_theme;
+  var _context_options;
+  var context = useContext();
+  var themeContext = useThemeContext();
+  var locales = useLocales();
+  var {
+    reset
+  } = useConnect();
+  var {
+    disconnect
+  } = useDisconnect();
+  var {
+    address,
+    isConnected,
+    connector,
+    chain
+  } = useAccount();
+  var isAaveAccount = isAaveAccountConnector(connector === null || connector === void 0 ? void 0 : connector.id);
+  var {
+    data: connectorClient
+  } = useConnectorClient({
+    connector
+  });
+  var ensFallbackConfig = useEnsFallbackConfig();
+  var {
+    data: ensName
+  } = useEnsName({
+    chainId: 1,
+    address,
+    config: ensFallbackConfig
+  });
+  var {
+    data: rawBalance
+  } = useBalance({
+    address
+  });
+  var balance = rawBalance ? {
+    ...rawBalance,
+    formatted: formatUnits(rawBalance.value, rawBalance.decimals)
+  } : void 0;
+  var [shouldDisconnect, setShouldDisconnect] = useState(false);
+  useEffect(function () {
+    if (!isConnected) context.setOpen(false);
+  }, [isConnected]);
+  useEffect(function () {
+    if (!shouldDisconnect) return;
+    if (closeModal) {
+      closeModal();
+    } else {
+      context.setOpen(false);
+    }
+    return function () {
+      disconnect();
+      reset();
+    };
+  }, [shouldDisconnect, disconnect, reset]);
+  var separator = ["web95", "rounded", "minimal"].includes((_ref = (_themeContext_theme = themeContext.theme) !== null && _themeContext_theme !== void 0 ? _themeContext_theme : context.theme) !== null && _ref !== void 0 ? _ref : "") ? "...." : void 0;
+  return /* @__PURE__ */_jsxs(PageContent, {
+    children: [/* @__PURE__ */_jsxs(ModalContent, {
+      style: {
+        paddingBottom: 22,
+        gap: 6
+      },
+      children: [/* @__PURE__ */_jsx(AvatarContainer, {
+        children: /* @__PURE__ */_jsxs(AvatarInner, {
+          children: [/* @__PURE__ */_jsx(ChainSelectorContainer, {
+            children: /* @__PURE__ */_jsx(ChainSelector, {})
+          }), /* @__PURE__ */_jsx(Avatar, {
+            address
+          })]
+        })
+      }), /* @__PURE__ */_jsx(ModalH1, {
+        children: /* @__PURE__ */_jsx(CopyToClipboard, {
+          string: address,
+          children: ensName !== null && ensName !== void 0 ? ensName : truncateEthAddress(address, separator)
+        })
+      }), (context === null || context === void 0 ? void 0 : (_context_options = context.options) === null || _context_options === void 0 ? void 0 : _context_options.hideBalance) ? null : /* @__PURE__ */_jsx(ModalBody, {
+        children: /* @__PURE__ */_jsx(BalanceContainer, {
+          children: /* @__PURE__ */_jsxs(AnimatePresence, {
+            mode: "wait",
+            initial: false,
+            children: [balance && /* @__PURE__ */_jsxs(Balance, {
+              initial: {
+                opacity: 0
+              },
+              animate: {
+                opacity: 1
+              },
+              exit: {
+                opacity: 0
+              },
+              transition: {
+                duration: 0.2
+              },
+              children: [nFormatter(Number(balance === null || balance === void 0 ? void 0 : balance.formatted)), ` `, balance === null || balance === void 0 ? void 0 : balance.symbol]
+            }, `chain-${chain === null || chain === void 0 ? void 0 : chain.id}`), !balance && /* @__PURE__ */_jsx(LoadingBalance, {
+              initial: {
+                opacity: 0
+              },
+              animate: {
+                opacity: 1
+              },
+              exit: {
+                opacity: 0
+              },
+              transition: {
+                duration: 0.2
+              },
+              children: "\xA0"
+            })]
+          })
+        })
+      })]
+    }), isAaveAccount && /* @__PURE__ */_jsx(_Fragment, {
+      children: /* @__PURE__ */_jsx(Button, {
+        onClick: async function onClick() {
+          try {
+            await (connectorClient === null || connectorClient === void 0 ? void 0 : connectorClient.request({
+              method: "aave_switchAccounts",
+              params: []
+            }));
+          } catch (error) {
+            context.log("rpc method aave_switchAccounts is not implemented in this connector", error);
+          }
+        },
+        children: locales.switchWallets
+      })
+    }), !isSafeConnector(connector === null || connector === void 0 ? void 0 : connector.id) && /* @__PURE__ */_jsx(Button, {
+      onClick: function onClick() {
+        return setShouldDisconnect(true);
+      },
+      icon: isAaveAccount ? void 0 : /* @__PURE__ */_jsx(DisconnectIcon, {}),
+      children: locales.disconnect
+    })]
+  });
+};
+var Profile_default = Profile;
+export { Profile_default as default };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/connectkit/components/Pages/Profile/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","useEffect","useState","useContext","isAaveAccountConnector","isSafeConnector","nFormatter","truncateEthAddress","useConnect","useDisconnect","useAccount","useEnsName","useBalance","useConnectorClient","formatUnits","AvatarContainer","AvatarInner","ChainSelectorContainer","BalanceContainer","LoadingBalance","Balance","PageContent","ModalBody","ModalContent","ModalH1","Button","Avatar","ChainSelector","DisconnectIcon","CopyToClipboard","AnimatePresence","useThemeContext","useLocales","useEnsFallbackConfig","Profile","Profile2","param","closeModal","_ref","_themeContext_theme","_context_options","context","themeContext","locales","reset","disconnect","address","isConnected","connector","chain","isAaveAccount","id","data","connectorClient","ensFallbackConfig","ensName","chainId","config","rawBalance","balance","formatted","value","decimals","shouldDisconnect","setShouldDisconnect","setOpen","separator","includes","theme","children","style","paddingBottom","gap","string","options","hideBalance","mode","initial","opacity","animate","exit","transition","duration","Number","symbol","onClick"],"sources":["../../../../../../src/connectkit/components/Pages/Profile/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/connectkit/components/Pages/Profile/styles.mjs

@@ -0,0 +1,56 @@
+import { keyframes } from "styled-components";
+import styled from "./../../../styles/styled/index.mjs";
+import { motion } from "framer-motion";
+import defaultTheme from "../../../constants/defaultTheme.mjs";
+const AvatarContainer = styled(motion.div)`
+  padding: 18px 0 20px;
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    padding: 16px 0 20px;
+  }
+`;
+const AvatarInner = styled(motion.div)`
+  position: relative;
+  display: inline-block;
+`;
+const ChainSelectorContainer = styled(motion.div)`
+  z-index: 3;
+  position: absolute;
+  bottom: 0px;
+  right: -16px;
+`;
+const BalanceContainer = styled(motion.div)`
+  position: relative;
+`;
+const Balance = styled(motion.div)`
+  position: relative;
+`;
+const PlaceholderKeyframes = keyframes`
+  0%{ background-position: 100% 0; }
+  100%{ background-position: -100% 0; }
+`;
+const LoadingBalance = styled(motion.div)`
+  width: 25%;
+  margin: 0 auto;
+  position: relative;
+  overflow: hidden;
+  border-radius: 10px;
+  background: var(--ck-body-background-secondary);
+  inset: 0;
+  &:before {
+    z-index: 4;
+    content: '';
+    position: absolute;
+    inset: 0;
+    background-image: linear-gradient(
+      90deg,
+      var(--ck-body-background-transparent) 50%,
+      var(--ck-body-background),
+      var(--ck-body-background-transparent)
+    );
+    opacity: 0.75;
+    background-size: 200% 100%;
+    animation: ${PlaceholderKeyframes} 1000ms linear infinite both;
+  }
+`;
+export { AvatarContainer, AvatarInner, Balance, BalanceContainer, ChainSelectorContainer, LoadingBalance };
+//# sourceMappingURL=styles.mjs.map

package/dist/esm/connectkit/components/Pages/Profile/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["keyframes","styled","motion","defaultTheme","AvatarContainer","div","mobileWidth","AvatarInner","ChainSelectorContainer","BalanceContainer","Balance","PlaceholderKeyframes","LoadingBalance"],"sources":["../../../../../../src/connectkit/components/Pages/Profile/styles.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAC1B,OAAOC,MAAA,MAAY;AACnB,SAASC,MAAA,QAAc;AACvB,OAAOC,YAAA,MAAkB;AAElB,MAAMC,eAAA,GAAkBH,MAAA,CAAOC,MAAA,CAAOG,GAAG;AAAA;AAAA,uCAETF,YAAA,CAAaG,WAAW;AAAA;AAAA;AAAA;AAIxD,MAAMC,WAAA,GAAcN,MAAA,CAAOC,MAAA,CAAOG,GAAG;AAAA;AAAA;AAAA;AAIrC,MAAMG,sBAAA,GAAyBP,MAAA,CAAOC,MAAA,CAAOG,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhD,MAAMI,gBAAA,GAAmBR,MAAA,CAAOC,MAAA,CAAOG,GAAG;AAAA;AAAA;AAG1C,MAAMK,OAAA,GAAUT,MAAA,CAAOC,MAAA,CAAOG,GAAG;AAAA;AAAA;AAGxC,MAAMM,oBAAA,GAAuBX,SAAA;AAAA;AAAA;AAAA;AAItB,MAAMY,cAAA,GAAiBX,MAAA,CAAOC,MAAA,CAAOG,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAqB9BM,oBAAoB;AAAA;AAAA","ignoreList":[]}

package/dist/esm/connectkit/components/Pages/Profile/styles.native.js

@@ -0,0 +1,56 @@
+import { keyframes } from "styled-components";
+import styled from "./../../../styles/styled/index.native.js";
+import { motion } from "framer-motion";
+import defaultTheme from "../../../constants/defaultTheme.native.js";
+var AvatarContainer = styled(motion.div)`
+  padding: 18px 0 20px;
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    padding: 16px 0 20px;
+  }
+`;
+var AvatarInner = styled(motion.div)`
+  position: relative;
+  display: inline-block;
+`;
+var ChainSelectorContainer = styled(motion.div)`
+  z-index: 3;
+  position: absolute;
+  bottom: 0px;
+  right: -16px;
+`;
+var BalanceContainer = styled(motion.div)`
+  position: relative;
+`;
+var Balance = styled(motion.div)`
+  position: relative;
+`;
+var PlaceholderKeyframes = keyframes`
+  0%{ background-position: 100% 0; }
+  100%{ background-position: -100% 0; }
+`;
+var LoadingBalance = styled(motion.div)`
+  width: 25%;
+  margin: 0 auto;
+  position: relative;
+  overflow: hidden;
+  border-radius: 10px;
+  background: var(--ck-body-background-secondary);
+  inset: 0;
+  &:before {
+    z-index: 4;
+    content: '';
+    position: absolute;
+    inset: 0;
+    background-image: linear-gradient(
+      90deg,
+      var(--ck-body-background-transparent) 50%,
+      var(--ck-body-background),
+      var(--ck-body-background-transparent)
+    );
+    opacity: 0.75;
+    background-size: 200% 100%;
+    animation: ${PlaceholderKeyframes} 1000ms linear infinite both;
+  }
+`;
+export { AvatarContainer, AvatarInner, Balance, BalanceContainer, ChainSelectorContainer, LoadingBalance };
+//# sourceMappingURL=styles.native.js.map

package/dist/esm/connectkit/components/Pages/Profile/styles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["keyframes","styled","motion","defaultTheme","AvatarContainer","div","mobileWidth","AvatarInner","ChainSelectorContainer","BalanceContainer","Balance","PlaceholderKeyframes","LoadingBalance"],"sources":["../../../../../../src/connectkit/components/Pages/Profile/styles.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAC1B,OAAOC,MAAA,MAAY;AACnB,SAASC,MAAA,QAAc;AACvB,OAAOC,YAAA,MAAkB;AAElB,IAAAC,eAAM,GAAAH,MAAkB,CAAAC,MAAO,CAAAG,GAAO;AAAG;AAAA,uCAETF,YAAA,CAAaG,WAAW;AAAA;AAAA;AAAA;AAIxD,IAAAC,WAAM,GAAAN,MAAc,CAAAC,MAAO,CAAAG,GAAO;AAAG;AAAA;AAAA;AAIrC,IAAAG,sBAAM,GAAAP,MAAyB,CAAAC,MAAO,CAAAG,GAAO;AAAG;AAAA;AAAA;AAAA;AAAA;AAOhD,IAAAI,gBAAM,GAAAR,MAAmB,CAAAC,MAAO,CAAAG,GAAO;AAAG;AAAA;AAG1C,IAAAK,OAAM,GAAAT,MAAU,CAAAC,MAAO,CAAAG,GAAO;AAAG;AAAA;AAGxC,IAAAM,oBAAM,GAAAX,SAAuB;AAAA;AAAA;AAAA;AAItB,IAAAY,cAAM,GAAAX,MAAiB,CAAAC,MAAO,CAAAG,GAAO;AAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAqB9BM,oBAAoB;AAAA;AAAA","ignoreList":[]}

package/dist/esm/connectkit/components/Pages/SignInWithEthereum/index.mjs

@@ -0,0 +1,234 @@
+import { useEffect, useState } from "react";
+import { useContext } from "../../ConnectKit.mjs";
+import { PageContent, ModalBody, ModalContent } from "../../Common/Modal/styles.mjs";
+import { StatusGraphic, LogoContainer, StatusIcon, StatusGraphicBgSvg, ContentContainer } from "./styles.mjs";
+import { useAccount } from "wagmi";
+import { SIWEButton } from "../../Standard/SIWE/index.mjs";
+import { useSIWE } from "../../../siwe/index.mjs";
+import { TickIcon } from "../../../assets/icons.mjs";
+import Chains from "../../../assets/chains.mjs";
+import Avatar from "../../Common/Avatar/index.mjs";
+import { getAppIcon } from "../../../defaultConfig.mjs";
+import { AnimatePresence, motion } from "framer-motion";
+import LazyImage from "../../Common/LazyImage/index.mjs";
+import { isMobile, flattenChildren } from "../../../utils/index.mjs";
+import useLocales from "../../../hooks/useLocales.mjs";
+import FitText from "../../Common/FitText/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const transition = {
+  duration: 0.2,
+  ease: [0.26, 0.08, 0.25, 1]
+};
+const copyTransition = {
+  duration: 0.16,
+  ease: [0.26, 0.08, 0.25, 1]
+};
+const SignInWithEthereum = () => {
+  const context = useContext();
+  const {
+    isSignedIn
+  } = useSIWE();
+  const mobile = isMobile();
+  const [status, setStatus] = useState(isSignedIn ? "signedIn" : "signedOut");
+  const locales = useLocales({});
+  const copy = status === "signedIn" ? {
+    heading: locales.signInWithEthereumScreen_signedIn_heading,
+    h1: locales.signInWithEthereumScreen_signedIn_h1,
+    p: locales.signInWithEthereumScreen_signedIn_p,
+    button: locales.signInWithEthereumScreen_signedIn_button
+  } : {
+    heading: locales.signInWithEthereumScreen_signedOut_heading,
+    h1: locales.signInWithEthereumScreen_signedOut_h1,
+    p: locales.signInWithEthereumScreen_signedOut_p,
+    button: locales.signInWithEthereumScreen_signedOut_button
+  };
+  useEffect(() => {
+    if (isSignedIn) setStatus("signedIn");
+  }, []);
+  useEffect(() => {
+    if (!isSignedIn) setStatus("signedOut");
+  }, [isSignedIn]);
+  const {
+    address
+  } = useAccount();
+  const getFavicons = () => {
+    const favicons2 = {
+      svg: null,
+      default: null
+    };
+    const nodeList = document.getElementsByTagName("link");
+    Array.from(nodeList).forEach(node => {
+      if ((node.getAttribute("rel") === "icon" || node.getAttribute("rel") === "shortcut icon") && node.getAttribute("href")) {
+        if (node.getAttribute("type") === "image/svg+xml") {
+          favicons2.svg = node.getAttribute("href");
+        } else {
+          favicons2.default = node.getAttribute("href");
+        }
+      }
+    });
+    return favicons2;
+  };
+  const favicons = getFavicons();
+  const favicon = getAppIcon() ?? favicons.svg ?? favicons.default;
+  return /* @__PURE__ */jsx(PageContent, {
+    style: {
+      width: 278
+    },
+    children: /* @__PURE__ */jsxs(ModalContent, {
+      style: {
+        padding: 0,
+        marginTop: -10
+      },
+      children: [/* @__PURE__ */jsx(ContentContainer, {
+        children: /* @__PURE__ */jsx(AnimatePresence, {
+          mode: "wait",
+          children: /* @__PURE__ */jsx(motion.div, {
+            initial: mobile ? false : {
+              opacity: 0,
+              scale: 0.94
+            },
+            animate: {
+              opacity: 1,
+              scale: 1
+            },
+            exit: {
+              opacity: 0,
+              scale: 0.94
+            },
+            transition: copyTransition,
+            children: /* @__PURE__ */jsx(ModalBody, {
+              style: {
+                height: 42
+              },
+              children: /* @__PURE__ */jsx(FitText, {
+                children: copy.h1
+              })
+            })
+          }, flattenChildren(copy.h1).toString())
+        })
+      }), /* @__PURE__ */jsxs(StatusGraphic, {
+        $connected: isSignedIn,
+        children: [/* @__PURE__ */jsx("div", {
+          style: {
+            position: "absolute",
+            inset: 0
+          },
+          children: /* @__PURE__ */jsx(StatusGraphicBgSvg, {
+            width: "262",
+            height: "134",
+            viewBox: "0 0 262 134",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */jsx(motion.rect, {
+              x: "0",
+              y: "0",
+              rx: "12",
+              width: "262",
+              height: "134",
+              strokeDasharray: "3 3",
+              animate: {
+                strokeDashoffset: [0, -6]
+              },
+              transition: {
+                duration: 0.4,
+                ease: "linear",
+                repeat: Infinity
+              }
+            })
+          })
+        }), /* @__PURE__ */jsx(motion.div, {
+          initial: mobile ? false : {
+            opacity: 0,
+            x: 50,
+            scale: 0.8
+          },
+          animate: {
+            opacity: 1,
+            x: 0,
+            scale: 1
+          },
+          transition,
+          children: /* @__PURE__ */jsx(LogoContainer, {
+            children: /* @__PURE__ */jsx(Avatar, {
+              address,
+              size: 64
+            })
+          })
+        }, "avatarImage"), /* @__PURE__ */jsx(motion.div, {
+          initial: mobile ? false : {
+            scale: 0.6
+          },
+          animate: {
+            scale: 1
+          },
+          transition: {
+            ...transition
+          },
+          children: /* @__PURE__ */jsx(StatusIcon, {
+            children: /* @__PURE__ */jsx(TickIcon, {})
+          })
+        }, "tickIcon"), /* @__PURE__ */jsx(motion.div, {
+          initial: mobile ? false : {
+            opacity: 0,
+            x: -40,
+            scale: 0.8
+          },
+          animate: {
+            opacity: 1,
+            x: 0,
+            scale: 1
+          },
+          transition: {
+            ...transition
+          },
+          children: /* @__PURE__ */jsx(LogoContainer, {
+            children: favicon ? /* @__PURE__ */jsx(LazyImage, {
+              src: favicon,
+              alt: "app"
+            }) : /* @__PURE__ */jsx(Chains.UnknownChain, {})
+          })
+        }, "appLogo")]
+      }, "status"), /* @__PURE__ */jsx(AnimatePresence, {
+        mode: "wait",
+        children: /* @__PURE__ */jsx(motion.div, {
+          style: {
+            paddingBottom: mobile ? 24 : 12
+          },
+          initial: mobile ? false : {
+            opacity: 0,
+            scale: 0.94
+          },
+          animate: {
+            opacity: 1,
+            scale: 1
+          },
+          exit: {
+            opacity: 0,
+            scale: 0.94
+          },
+          transition: copyTransition,
+          children: /* @__PURE__ */jsx(ModalBody, {
+            style: {
+              height: 42,
+              marginTop: -1,
+              marginBottom: -3
+            },
+            children: /* @__PURE__ */jsx(FitText, {
+              children: copy.p
+            })
+          })
+        }, flattenChildren(copy.p).toString())
+      }), /* @__PURE__ */jsx(SIWEButton, {
+        showSignOutButton: status === "signedIn",
+        onSignIn: () => {
+          setTimeout(() => {
+            context.setOpen(false);
+          }, 1e3);
+        }
+      })]
+    })
+  });
+};
+var SignInWithEthereum_default = SignInWithEthereum;
+export { SignInWithEthereum_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/connectkit/components/Pages/SignInWithEthereum/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","useContext","PageContent","ModalBody","ModalContent","StatusGraphic","LogoContainer","StatusIcon","StatusGraphicBgSvg","ContentContainer","useAccount","SIWEButton","useSIWE","TickIcon","Chains","Avatar","getAppIcon","AnimatePresence","motion","LazyImage","isMobile","flattenChildren","useLocales","FitText","jsx","jsxs","transition","duration","ease","copyTransition","SignInWithEthereum","context","isSignedIn","mobile","status","setStatus","locales","copy","heading","signInWithEthereumScreen_signedIn_heading","h1","signInWithEthereumScreen_signedIn_h1","p","signInWithEthereumScreen_signedIn_p","button","signInWithEthereumScreen_signedIn_button","signInWithEthereumScreen_signedOut_heading","signInWithEthereumScreen_signedOut_h1","signInWithEthereumScreen_signedOut_p","signInWithEthereumScreen_signedOut_button","address","getFavicons","favicons2","svg","default","nodeList","document","getElementsByTagName","Array","from","forEach","node","getAttribute","favicons","favicon","style","width","children","padding","marginTop","mode","div","initial","opacity","scale","animate","exit","height","toString","$connected","position","inset","viewBox","fill","xmlns","rect","x","y","rx","strokeDasharray","strokeDashoffset","repeat","Infinity","size","src","alt","UnknownChain","paddingBottom","marginBottom","showSignOutButton","onSignIn","setTimeout","setOpen","SignInWithEthereum_default"],"sources":["../../../../../../src/connectkit/components/Pages/SignInWithEthereum/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}