@multiplatform.one/web3 5.0.27

package/dist/cjs/connectkit/components/Pages/SignInWithEthereum/index.native.js

@@ -0,0 +1,274 @@
+"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 SignInWithEthereum_exports = {};
+__export(SignInWithEthereum_exports, {
+  default: () => SignInWithEthereum_default
+});
+module.exports = __toCommonJS(SignInWithEthereum_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ConnectKit = require("../../ConnectKit.native.js");
+var import_styles = require("../../Common/Modal/styles.native.js");
+var import_styles2 = require("./styles.native.js");
+var import_wagmi = require("wagmi");
+var import_SIWE = require("../../Standard/SIWE/index.native.js");
+var import_siwe = require("../../../siwe/index.native.js");
+var import_icons = require("../../../assets/icons.native.js");
+var import_chains = __toESM(require("../../../assets/chains.native.js"));
+var import_Avatar = __toESM(require("../../Common/Avatar/index.native.js"));
+var import_defaultConfig = require("../../../defaultConfig.native.js");
+var import_framer_motion = require("framer-motion");
+var import_LazyImage = __toESM(require("../../Common/LazyImage/index.native.js"));
+var import_utils = require("../../../utils/index.native.js");
+var import_useLocales = __toESM(require("../../../hooks/useLocales.native.js"));
+var import_FitText = __toESM(require("../../Common/FitText/index.native.js"));
+var transition = {
+  duration: 0.2,
+  ease: [0.26, 0.08, 0.25, 1]
+};
+var copyTransition = {
+  duration: 0.16,
+  ease: [0.26, 0.08, 0.25, 1]
+};
+var SignInWithEthereum = function SignInWithEthereum2() {
+  var _ref, _getAppIcon;
+  var context = (0, import_ConnectKit.useContext)();
+  var {
+    isSignedIn
+  } = (0, import_siwe.useSIWE)();
+  var mobile = (0, import_utils.isMobile)();
+  var [status, setStatus] = (0, import_react.useState)(isSignedIn ? "signedIn" : "signedOut");
+  var locales = (0, import_useLocales.default)({});
+  var 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
+  };
+  (0, import_react.useEffect)(function () {
+    if (isSignedIn) setStatus("signedIn");
+  }, []);
+  (0, import_react.useEffect)(function () {
+    if (!isSignedIn) setStatus("signedOut");
+  }, [isSignedIn]);
+  var {
+    address
+  } = (0, import_wagmi.useAccount)();
+  var getFavicons = function getFavicons2() {
+    var favicons2 = {
+      svg: null,
+      default: null
+    };
+    var nodeList = document.getElementsByTagName("link");
+    Array.from(nodeList).forEach(function (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;
+  };
+  var favicons = getFavicons();
+  var favicon = (_ref = (_getAppIcon = (0, import_defaultConfig.getAppIcon)()) !== null && _getAppIcon !== void 0 ? _getAppIcon : favicons.svg) !== null && _ref !== void 0 ? _ref : favicons.default;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.PageContent, {
+    style: {
+      width: 278
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ModalContent, {
+      style: {
+        padding: 0,
+        marginTop: -10
+      },
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.ContentContainer, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, {
+          mode: "wait",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.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__ */(0, import_jsx_runtime.jsx)(import_styles.ModalBody, {
+              style: {
+                height: 42
+              },
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FitText.default, {
+                children: copy.h1
+              })
+            })
+          }, (0, import_utils.flattenChildren)(copy.h1).toString())
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles2.StatusGraphic, {
+        $connected: isSignedIn,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+          style: {
+            position: "absolute",
+            inset: 0
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.StatusGraphicBgSvg, {
+            width: "262",
+            height: "134",
+            viewBox: "0 0 262 134",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.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__ */(0, import_jsx_runtime.jsx)(import_framer_motion.motion.div, {
+          initial: mobile ? false : {
+            opacity: 0,
+            x: 50,
+            scale: 0.8
+          },
+          animate: {
+            opacity: 1,
+            x: 0,
+            scale: 1
+          },
+          transition,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.LogoContainer, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Avatar.default, {
+              address,
+              size: 64
+            })
+          })
+        }, "avatarImage"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.motion.div, {
+          initial: mobile ? false : {
+            scale: 0.6
+          },
+          animate: {
+            scale: 1
+          },
+          transition: {
+            ...transition
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.StatusIcon, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.TickIcon, {})
+          })
+        }, "tickIcon"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.motion.div, {
+          initial: mobile ? false : {
+            opacity: 0,
+            x: -40,
+            scale: 0.8
+          },
+          animate: {
+            opacity: 1,
+            x: 0,
+            scale: 1
+          },
+          transition: {
+            ...transition
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles2.LogoContainer, {
+            children: favicon ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_LazyImage.default, {
+              src: favicon,
+              alt: "app"
+            }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_chains.default.UnknownChain, {})
+          })
+        }, "appLogo")]
+      }, "status"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, {
+        mode: "wait",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.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__ */(0, import_jsx_runtime.jsx)(import_styles.ModalBody, {
+            style: {
+              height: 42,
+              marginTop: -1,
+              marginBottom: -3
+            },
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FitText.default, {
+              children: copy.p
+            })
+          })
+        }, (0, import_utils.flattenChildren)(copy.p).toString())
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SIWE.SIWEButton, {
+        showSignOutButton: status === "signedIn",
+        onSignIn: function onSignIn() {
+          setTimeout(function () {
+            context.setOpen(false);
+          }, 1e3);
+        }
+      })]
+    })
+  });
+};
+var SignInWithEthereum_default = SignInWithEthereum;
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/connectkit/components/Pages/SignInWithEthereum/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SignInWithEthereum_exports","__export","default","SignInWithEthereum_default","module","exports","import_jsx_runtime","require","import_react","__toESM","import_ConnectKit","import_styles","import_styles2","import_wagmi","import_SIWE","import_siwe","import_icons","import_chains","import_Avatar","import_defaultConfig","import_framer_motion","import_LazyImage","import_utils","import_useLocales","import_FitText","transition","duration","ease","copyTransition","SignInWithEthereum","SignInWithEthereum2","_ref","_getAppIcon","context","useContext","isSignedIn","useSIWE","mobile","isMobile","status","setStatus","useState","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","useEffect","address","useAccount","getFavicons","getFavicons2","favicons2","svg","nodeList","document","getElementsByTagName","Array","from","forEach","node","getAttribute","favicons","favicon","getAppIcon","jsx","PageContent","style","width","children","jsxs","ModalContent","padding","marginTop","ContentContainer","AnimatePresence","mode","motion","div","initial","opacity","scale","animate","exit","ModalBody","height","flattenChildren","toString","StatusGraphic","$connected","position","inset","StatusGraphicBgSvg","viewBox","fill","xmlns","rect","x","y","rx","strokeDasharray","strokeDashoffset","repeat","Infinity","LogoContainer","size","StatusIcon","TickIcon"],"sources":["../../../../../../src/connectkit/components/Pages/SignInWithEthereum/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/connectkit/components/Pages/SignInWithEthereum/styles.cjs

@@ -0,0 +1,253 @@
+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 styles_exports = {};
+__export(styles_exports, {
+  ContentContainer: () => ContentContainer,
+  LogoContainer: () => LogoContainer,
+  StatusGraphic: () => StatusGraphic,
+  StatusGraphicBgSvg: () => StatusGraphicBgSvg,
+  StatusIcon: () => StatusIcon
+});
+module.exports = __toCommonJS(styles_exports);
+var import_framer_motion = require("framer-motion");
+var import_styled = __toESM(require("./../../../styles/styled/index.cjs"));
+var import_styled_components = require("styled-components");
+var import_defaultTheme = __toESM(require("../../../constants/defaultTheme.cjs"));
+const spinKeyframes = import_styled_components.keyframes`
+  from{ transform: rotate(0deg); }
+  to{   transform: rotate(360deg); }
+`;
+const lineKeyframes = import_styled_components.keyframes`
+  from{ background-position: 0 0; }
+  to{ background-position: 100% 0; }
+`;
+const ContentContainer = import_styled.default.div`
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    margin: 5px auto 24px;
+    padding: 16px 16px;
+    border-radius: var(--ck-tertiary-border-radius, 24px);
+    box-shadow: var(--ck-tertiary-box-shadow, none);
+    background: var(--ck-body-background-tertiary);
+  }
+`;
+const LogoContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  z-index: 2;
+  overflow: hidden;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 52px;
+  height: 52px;
+  border-radius: 100%;
+  transition: inherit;
+  background: var(--ck-body-background-secondary);
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
+  svg,
+  img {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    width: 64px;
+    height: 64px;
+  }
+`;
+const StatusIcon = (0, import_styled.default)(import_framer_motion.motion.div)`
+  z-index: 2;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 52px;
+  height: 52px;
+  color: currentColor;
+  border-radius: 100%;
+  transition: inherit;
+  svg {
+    z-index: 3;
+    position: relative;
+    transform: scale(0.89);
+    transition: inherit;
+    opacity: 0.5;
+  }
+  &:before {
+    z-index: 1;
+    content: '';
+    position: absolute;
+    inset: 10px;
+    border-radius: inherit;
+    border: 1px dashed var(--border-color);
+    background: var(--ck-body-background);
+    transition: inherit;
+    animation: ${spinKeyframes} 10s linear infinite;
+  }
+  &:after {
+    z-index: 2;
+    content: '';
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    background: #34c759;
+    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
+    transform: scale(0);
+    transition: inherit;
+  }
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    width: 64px;
+    height: 64px;
+    svg {
+      transform: scale(1.1);
+    }
+  }
+`;
+const StatusGraphicBgSvg = (0, import_styled.default)(import_framer_motion.motion.svg)`
+  display: block;
+  position: relative;
+  margin: 0 auto;
+  transition: inherit;
+  overflow: visible;
+  rect {
+    stroke: var(--border-color);
+    rx: var(--ck-border-radius);
+  }
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    display: none;
+  }
+`;
+const StatusGraphic = (0, import_styled.default)(import_framer_motion.motion.div)`
+  --border-color: var(--ck-siwe-border, var(--ck-body-divider));
+  --border-size: 0;
+  --border-style: dashed;
+
+  user-select: none;
+  pointer-events: none;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 14px;
+  width: 100%;
+  margin: 12px auto;
+  padding: 42px 32px;
+  transition: all 320ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
+  border: var(--border-size) var(--border-style) var(--border-color);
+  border-radius: var(--ck-border-radius);
+
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    --border-size: 1px;
+    margin: 0 auto 20px;
+    padding: 38px 0;
+    gap: 18px;
+    + div {
+      // easier than wrapping in another styled component
+      padding-bottom: 10px;
+    }
+  }
+
+  > div {
+    z-index: 2;
+    position: relative;
+    transition: inherit;
+  }
+
+  &:before,
+  &:after {
+    z-index: 1;
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 120px;
+    height: 1px;
+    margin-left: -60px;
+    transition: inherit;
+    animation: ${lineKeyframes} 10s linear infinite;
+    background: linear-gradient(
+      90deg,
+      var(--border-color),
+      var(--border-color) 50%,
+      transparent 50%,
+      transparent 100%
+    );
+    background-size: 6px 1px;
+  }
+
+  &:after {
+    background: var(--border-color);
+    transform: scaleX(0);
+  }
+
+  ${({
+  $connected
+}) => $connected && import_styled_components.css`
+      &:before {
+        opacity: 0;
+      }
+      &:after {
+        transform: none;
+      }
+      ${StatusGraphicBgSvg} {
+        rect {
+          stroke-dasharray: 0 0;
+        }
+      }
+      ${LogoContainer} {
+        transform: scale(0.62);
+      }
+      ${StatusIcon} {
+        svg {
+          transform: scale(1.5);
+          opacity: 1;
+          color: #fff;
+        }
+        &:before {
+          transform: scale(0);
+        }
+        &:after {
+          transform: scale(1);
+        }
+      }
+      @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+        --border-size: 1px;
+        --border-style: solid;
+        ${StatusIcon} {
+          svg {
+            transform: scale(1.75);
+          }
+        }
+      }
+    `};
+`;