@multiplatform.one/connectkit 6.0.0

package/dist/esm/components/Common/Modal/styles.native.js

@@ -0,0 +1,660 @@
+import styled from "./../../../styles/styled/index.native.js";
+import { keyframes } from "styled-components";
+import { motion } from "framer-motion";
+import defaultTheme from "../../../constants/defaultTheme.native.js";
+var ErrorMessage = styled(motion.div)`
+  z-index: -1;
+  pointer-events: auto;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: var(--width);
+  top: 64px;
+  color: #fff;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 500;
+  background: var(--ck-body-color-danger);
+  border-radius: 20px;
+  padding: 24px 46px 82px 24px;
+  transition: width var(--duration) var(--ease);
+  a {
+    font-weight: 700;
+    text-decoration: underline;
+  }
+  code {
+    font-size: 0.9em;
+    display: inline-block;
+    font-family: monospace;
+    margin: 1px;
+    padding: 0 4px;
+    border-radius: 8px;
+    font-weight: bold;
+    background: rgba(255, 255, 255, 0.1);
+  }
+`;
+var FadeIn = keyframes`
+from { opacity: 0; }
+  to { opacity: 1; }
+`;
+var FadeInScaleUp = keyframes`
+from { opacity: 0; transform: scale(0.85); }
+  to { opacity: 1; transform: scale(1); }
+`;
+var FadeInScaleDown = keyframes`
+from { opacity: 0; transform: scale(1.1); }
+  to { opacity: 1; transform: scale(1); }
+`;
+var FadeOut = keyframes`
+from { opacity: 1; }
+  to { opacity: 0; }
+`;
+var FadeOutScaleUp = keyframes`
+from { opacity: 1; transform: scale(1); }
+  to { opacity: 0; transform: scale(1.1); }
+`;
+var FadeOutScaleDown = keyframes`
+from { opacity: 1; transform: scale(1); }
+  to { opacity: 0; transform: scale(0.85); }
+`;
+var PageContent = styled(motion.div)`
+  max-width: 100%;
+  width: 295px;
+  padding-top: 48px;
+`;
+var TextWithHr = styled(motion.div)`
+  user-select: none;
+  position: relative;
+  display: block;
+  text-align: center;
+  color: var(--ck-body-color-muted);
+  font-size: 15px;
+  font-weight: 400;
+  line-height: 21px;
+  span {
+    z-index: 2;
+    position: relative;
+    display: inline-block;
+    user-select: none;
+    pointer-events: none;
+    padding: 0 14px;
+    background: var(--ck-body-background);
+    transition: background-color 200ms ease;
+  }
+  ${function (props) {
+  return !props.$disableHr && `
+  &:before {
+    z-index: 2;
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 0;
+    right: 0;
+    height: 1px;
+    transform: translateY(-1px);
+    background: var(--ck-body-divider);
+    box-shadow: var(--ck-body-divider-box-shadow);
+  }
+    `;
+}}
+`;
+var ModalHeading = styled(motion.div)`
+  z-index: 3;
+  pointer-events: none;
+  user-select: none;
+  position: absolute;
+  top: 25px;
+  left: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 26px;
+  transform: translateX(-50%);
+  width: var(--width);
+  text-align: center;
+  font-size: 17px;
+  line-height: 20px;
+  font-weight: var(--ck-modal-heading-font-weight, 600);
+  color: var(--ck-body-color);
+  span {
+    display: inline-block;
+  }
+`;
+var ModalContentContainer = styled(motion.div)`
+  position: relative;
+  padding: 0;
+`;
+var ModalContent = styled(motion.div)`
+  left: 0;
+  right: 0;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 0 0 16px;
+
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    display: block;
+  }
+`;
+var ModalH1 = styled(motion.h1)`
+  margin: 0;
+  padding: 0;
+  line-height: ${function (props) {
+  return props.$small ? 20 : 22;
+}}px;
+  font-size: ${function (props) {
+  return props.$small ? 17 : 19;
+}}px;
+  font-weight: var(--ck-modal-h1-font-weight, 600);
+  color: ${function (props) {
+  if (props.$error) return "var(--ck-body-color-danger)";
+  if (props.$valid) return "var(--ck-body-color-valid)";
+  return "var(--ck-body-color)";
+}};
+  > svg {
+    position: relative;
+    top: -2px;
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: 6px;
+  }
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    margin-bottom: 6px;
+    font-size: 17px;
+  }
+`;
+var ModalBody = styled.div`
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 21px;
+  color: var(--ck-body-color-muted);
+  strong {
+    font-weight: 500;
+    color: var(--ck-body-color);
+  }
+`;
+var ModalBodySmall = styled.div`
+  padding: 0 12px;
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 16px;
+  color: var(--ck-body-color-muted);
+  strong {
+    font-weight: 500;
+    color: var(--ck-body-color);
+  }
+`;
+var BackgroundOverlay = styled(motion.div)`
+  z-index: 1;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--ck-overlay-background, rgba(71, 88, 107, 0.24));
+  backdrop-filter: ${function (props) {
+  return props.$blur ? `blur(${props.$blur}px)` : "var(--ck-overlay-backdrop-filter, none)";
+}};
+  opacity: 0;
+  animation: ${function (props) {
+  return props.$active ? FadeIn : FadeOut;
+}} 150ms ease-out both;
+`;
+var BoxIn = keyframes`
+  from{ opacity: 0; transform: scale(0.97); }
+  to{ opacity: 1; transform: scale(1); }
+`;
+var BoxOut = keyframes`
+  from{ opacity: 1; transform: scale(1); }
+  to{ opacity: 0; transform: scale(0.97); }
+`;
+var MobileBoxIn = keyframes`
+  from { transform: translate3d(0, 100%, 0); }
+  to { transform: translate3d(0, 0%, 0); }
+`;
+var MobileBoxOut = keyframes`
+  from { opacity: 1; }
+  to { opacity: 0; }
+`;
+var BoxContainer = styled(motion.div)`
+  z-index: 2;
+  position: relative;
+  color: var(--ck-body-color);
+
+  animation: 150ms ease both;
+  animation-name: ${BoxOut};
+  &.active {
+    animation-name: ${BoxIn};
+  }
+
+  &:before {
+    content: "";
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 50%;
+    width: var(--width);
+    height: var(--height);
+    transform: translateX(-50%);
+    backface-visibility: hidden;
+    transition: all 200ms ease;
+    border-radius: var(--ck-border-radius, 20px);
+    background: var(--ck-body-background);
+    box-shadow: var(--ck-modal-box-shadow);
+  }
+
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    animation-name: ${MobileBoxOut};
+    animation-duration: 130ms;
+    animation-timing-function: ease;
+
+    &.active {
+      animation-name: ${MobileBoxIn};
+      animation-duration: 300ms;
+      animation-delay: 32ms;
+      animation-timing-function: cubic-bezier(0.15, 1.15, 0.6, 1);
+    }
+
+    &:before {
+      width: 100%;
+      transition: 0ms height cubic-bezier(0.15, 1.15, 0.6, 1);
+      will-change: height;
+    }
+  }
+`;
+var ControllerContainer = styled(motion.div)`
+  z-index: 3;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  height: 64px;
+  transform: translateX(-50%);
+  backface-visibility: hidden;
+  width: var(--width);
+  transition: 0.2s ease width;
+  pointer-events: auto;
+  //border-bottom: 1px solid var(--ck-body-divider);
+`;
+var InnerContainer = styled(motion.div)`
+  position: relative;
+  overflow: hidden;
+  height: var(--height);
+  transition: 0.2s ease height;
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    transition: 0ms height cubic-bezier(0.15, 1.15, 0.6, 1);
+    /* animation-delay: 34ms; */
+  }
+`;
+var PageContainer = styled(motion.div)`
+  z-index: 2;
+  position: relative;
+  top: 0;
+  left: 50%;
+  margin-left: calc(var(--width) / -2);
+  width: var(--width);
+  /* left: 0; */
+  /* width: 100%; */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transform-origin: center center;
+  animation: 200ms ease both;
+
+  &.active {
+    animation-name: ${FadeInScaleDown};
+  }
+  &.active-scale-up {
+    animation-name: ${FadeInScaleUp};
+  }
+  &.exit-scale-down {
+    z-index: 1;
+    pointer-events: none;
+    position: absolute;
+    /* top: 0; */
+    /* left: 0; */
+    animation-name: ${FadeOutScaleDown};
+  }
+  &.exit {
+    z-index: 1;
+    pointer-events: none;
+    position: absolute;
+    /* top: 0; */
+    /* left: 0; */
+    /* left: 50%; */
+    /* transform: translateX(-50%); */
+    animation-name: ${FadeOutScaleUp};
+    animation-delay: 16.6667ms;
+  }
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    /* animation: 0ms ease both; */
+    /* animation-delay: 35ms; */
+    animation: 0ms cubic-bezier(0.15, 1.15, 0.6, 1) both;
+
+    &.active {
+      animation-name: ${FadeIn};
+    }
+    &.active-scale-up {
+      animation-name: ${FadeIn};
+    }
+    &.exit-scale-down {
+      z-index: 3;
+      animation-name: ${FadeOut};
+    }
+    &.exit {
+      z-index: 3;
+      animation-name: ${FadeOut};
+      animation-delay: 0ms;
+    }
+  }
+`;
+var PageContents = styled(motion.div)`
+  margin: 0 auto;
+  width: fit-content;
+  padding: 29px 24px 24px;
+  backface-visibility: hidden;
+`;
+var ModalContainer = styled.div`
+  z-index: 2147483646; // z-index set one below max (2147483647) for if we wish to layer things ontop of the modal in a seperate Portal
+  position: fixed;
+  inset: 0;
+`;
+var CloseButton = styled(motion.button)`
+  z-index: 3;
+  cursor: pointer;
+  position: absolute;
+  top: 22px;
+  right: 17px;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 16px;
+  padding: 0;
+  margin: 0;
+  color: var(--ck-body-action-color);
+  background: var(--ck-body-background);
+  transition:
+    background-color 200ms ease,
+    transform 100ms ease;
+  /* will-change: transform; */
+  svg {
+    display: block;
+  }
+
+  &:hover {
+    background: var(--ck-body-background-secondary);
+  }
+  &:active {
+    transform: scale(0.9);
+  }
+`;
+var SiweButton = styled(motion.button)`
+  z-index: 3;
+  position: absolute;
+  inset: 0;
+  width: 100%; // FireFox fix
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 16px;
+  padding: 0;
+  margin: 0;
+  color: var(--ck-body-action-color);
+  background: var(--ck-body-background);
+  transition:
+    background-color 200ms ease,
+    transform 100ms ease;
+  /* will-change: transform; */
+  svg {
+    display: block;
+    position: relative;
+  }
+
+  &:enabled {
+    cursor: pointer;
+    &:hover {
+      background: var(--ck-body-background-secondary);
+    }
+    &:active {
+      transform: scale(0.9);
+    }
+  }
+`;
+var BackButton = styled(motion.button)`
+  z-index: 3;
+  position: absolute;
+  inset: 0;
+  width: 100%; // FireFox fix
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 16px;
+  padding: 0;
+  margin: 0;
+  color: var(--ck-body-action-color);
+  background: var(--ck-body-background);
+  transition:
+    background-color 200ms ease,
+    transform 100ms ease;
+  /* will-change: transform; */
+  svg {
+    display: block;
+    position: relative;
+    left: -1px;
+  }
+
+  &:enabled {
+    cursor: pointer;
+    &:hover {
+      background: var(--ck-body-background-secondary);
+    }
+    &:active {
+      transform: scale(0.9);
+    }
+  }
+`;
+var InfoButton = styled(motion.button)`
+  z-index: 3;
+  position: absolute;
+  inset: 0;
+  width: 100%; // FireFox fix
+  transform: translateX(-1px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 16px;
+  padding: 0;
+  margin: 0;
+  color: var(--ck-body-action-color);
+  background: var(--ck-body-background);
+  transition:
+    background-color 200ms ease,
+    transform 100ms ease;
+  /* will-change: transform; */
+  svg {
+    display: block;
+    position: relative;
+  }
+  &:enabled {
+    cursor: pointer;
+    &:hover {
+      background: var(--ck-body-background-secondary);
+    }
+    &:active {
+      transform: scale(0.9);
+    }
+  }
+`;
+var Container = styled(motion.div)`
+  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
+  --duration: 200ms;
+  --transition: height var(--duration) var(--ease), width var(--duration) var(--ease);
+  z-index: 3;
+  display: block;
+  pointer-events: none;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 100%;
+  transform: translate3d(-50%, -50%, 0);
+  backface-visibility: hidden;
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    pointer-events: auto;
+    left: 0;
+    top: auto;
+    bottom: -5px;
+    transform: none;
+    ${BoxContainer} {
+      max-width: 448px;
+      margin: 0 auto;
+      &:before {
+        width: 100%;
+        border-radius: var(--ck-border-radius, 30px) var(--ck-border-radius, 30px) 0 0;
+      }
+    }
+    ${PageContainer} {
+      left: 0;
+      right: 0;
+      margin: 0 auto;
+      width: auto;
+    }
+    ${PageContent} {
+      margin: 0 auto;
+      width: 100% !important;
+    }
+    ${ModalHeading} {
+      top: 29px;
+    }
+    ${ModalContent} {
+      gap: 12px;
+    }
+    ${ModalBody} {
+      margin: 0 auto;
+      max-width: 295px;
+    }
+    ${PageContents} {
+      width: 100%;
+      padding: 31px 24px;
+    }
+    ${ControllerContainer} {
+      width: 100%;
+      top: 4px;
+      border-bottom: 0;
+    }
+    ${CloseButton} {
+      right: 22px;
+    }
+    ${BackButton} {
+      top: -1px;
+      left: -3px;
+    }
+    ${InfoButton} {
+      top: -1px;
+      left: -3px;
+      svg {
+        width: 65%;
+        height: auto;
+      }
+    }
+    ${CloseButton},
+    ${BackButton},
+    ${InfoButton} {
+      // Quick hack for bigger tappable area on mobile
+      transform: scale(1.4) !important;
+      background: transparent !important;
+      svg {
+        transform: scale(0.8) !important;
+      }
+    }
+  }
+`;
+var Disclaimer = styled(motion.div)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 16px -24px -24px -24px;
+  padding: 15px 40px 18px;
+  font-size: var(--ck-body-disclaimer-font-size, 13px);
+  font-weight: var(--ck-body-disclaimer-font-weight, 400);
+  text-align: center;
+  line-height: 19px;
+  color: var(--ck-body-disclaimer-color, var(--ck-body-color-muted, inherit));
+
+  & a {
+    color: var(--ck-body-disclaimer-link-color, inherit);
+    font-weight: var(--ck-body-disclaimer-font-weight, 400);
+    text-decoration: none;
+    transition: color 200ms ease;
+    &:hover {
+      color: var(--ck-body-disclaimer-link-hover-color, inherit);
+    }
+  }
+
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    margin: 24px -24px -26px -24px;
+    padding: 20px 42px 22px 42px;
+  }
+`;
+var DisclaimerBackground = styled(motion.div)`
+  pointer-events: all;
+  z-index: 9;
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  width: var(--width);
+  backface-visibility: hidden;
+  transform: translateX(-50%);
+  transform-origin: bottom center;
+
+  border-radius: var(--ck-border-radius, 30px);
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  transition: width 200ms ease;
+
+  background: var(--ck-body-disclaimer-background, var(--ck-body-background-secondary));
+  box-shadow: var(--ck-body-disclaimer-box-shadow);
+
+  ${Disclaimer} {
+    margin: 0 !important;
+    /* visibility: hidden; */
+  }
+
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    border-radius: 0;
+  }
+`;
+var SignInTooltip = styled(motion.div)`
+  z-index: 2;
+  position: absolute;
+  top: 100%;
+  white-space: nowrap;
+  padding: 8px 16px;
+  color: #fff;
+  font-size: 13px;
+  line-height: 1.5;
+  background: #1a88f8;
+  border-radius: calc(var(--ck-border-radius) * 0.75);
+  transform: translateY(8px) translateX(-48px);
+  box-shadow: var(--ck-modal-box-shadow);
+  &:before {
+    content: "";
+    position: absolute;
+    box-shadow: var(--shadow);
+    width: 18px;
+    height: 18px;
+    transform: translate(215%, -75%) rotate(45deg);
+    background: inherit;
+    border-radius: 3px 0 0 0;
+  }
+
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    transform: translateY(8px) translateX(-16px);
+    &:before {
+      transform: translate(40%, -75%) rotate(45deg);
+    }
+  }
+`;
+export { BackButton, BackgroundOverlay, BoxContainer, CloseButton, Container, ControllerContainer, Disclaimer, DisclaimerBackground, ErrorMessage, InfoButton, InnerContainer, ModalBody, ModalBodySmall, ModalContainer, ModalContent, ModalContentContainer, ModalH1, ModalHeading, PageContainer, PageContent, PageContents, SignInTooltip, SiweButton, TextWithHr };
+//# sourceMappingURL=styles.native.js.map

package/dist/esm/components/Common/Modal/styles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","keyframes","motion","defaultTheme","ErrorMessage","div","FadeIn","FadeInScaleUp","FadeInScaleDown","FadeOut","FadeOutScaleUp","FadeOutScaleDown","PageContent","TextWithHr","props","$disableHr","ModalHeading","ModalContentContainer","ModalContent","mobileWidth","ModalH1","h1","$small","$error","$valid","ModalBody","ModalBodySmall","BackgroundOverlay","$blur","$active","BoxIn","BoxOut","MobileBoxIn","MobileBoxOut","BoxContainer","ControllerContainer","InnerContainer","PageContainer","PageContents","ModalContainer","CloseButton","button","SiweButton","BackButton","InfoButton","Container","Disclaimer","DisclaimerBackground","SignInTooltip"],"sources":["../../../../../src/components/Common/Modal/styles.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Common/Portal/index.mjs

@@ -0,0 +1,32 @@
+import { useEffect, useState, useRef } from "react";
+import { createPortal } from "react-dom";
+import { CONNECTKIT_VERSION } from "../../../index.mjs";
+const Portal = props => {
+  props = {
+    selector: "__CONNECTKIT__",
+    ...props
+  };
+  const {
+    selector,
+    children
+  } = props;
+  const ref = useRef(null);
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    const selectorPrefixed = "#" + selector.replace(/^#/, "");
+    ref.current = document.querySelector(selectorPrefixed);
+    if (!ref.current) {
+      const div = document.createElement("div");
+      div.setAttribute("id", selector);
+      div.setAttribute("data-connectkit", `${CONNECTKIT_VERSION}`);
+      document.body.appendChild(div);
+      ref.current = div;
+    }
+    setMounted(true);
+  }, [selector]);
+  if (!ref.current) return null;
+  return mounted ? createPortal(children, ref.current) : null;
+};
+var Portal_default = Portal;
+export { Portal_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/components/Common/Portal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","useRef","createPortal","CONNECTKIT_VERSION","Portal","props","selector","children","ref","mounted","setMounted","selectorPrefixed","replace","current","document","querySelector","div","createElement","setAttribute","body","appendChild","Portal_default"],"sources":["../../../../../src/components/Common/Portal/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,QAAA,EAAUC,MAAA,QAAc;AAC5C,SAASC,YAAA,QAAoB;AAC7B,SAASC,kBAAA,QAA0B;AAEnC,MAAMC,MAAA,GAAUC,KAAA,IAAe;EAC7BA,KAAA,GAAQ;IACNC,QAAA,EAAU;IACV,GAAGD;EACL;EAEA,MAAM;IAAEC,QAAA;IAAUC;EAAS,IAAIF,KAAA;EAE/B,MAAMG,GAAA,GAAMP,MAAA,CAAuB,IAAI;EACvC,MAAM,CAACQ,OAAA,EAASC,UAAU,IAAIV,QAAA,CAAkB,KAAK;EAErDD,SAAA,CAAU,MAAM;IACd,MAAMY,gBAAA,GAAmB,MAAML,QAAA,CAASM,OAAA,CAAQ,MAAM,EAAE;IACxDJ,GAAA,CAAIK,OAAA,GAAUC,QAAA,CAASC,aAAA,CAAcJ,gBAAgB;IAErD,IAAI,CAACH,GAAA,CAAIK,OAAA,EAAS;MAChB,MAAMG,GAAA,GAAMF,QAAA,CAASG,aAAA,CAAc,KAAK;MACxCD,GAAA,CAAIE,YAAA,CAAa,MAAMZ,QAAQ;MAC/BU,GAAA,CAAIE,YAAA,CAAa,mBAAmB,GAAGf,kBAAkB,EAAE;MAC3DW,QAAA,CAASK,IAAA,CAAKC,WAAA,CAAYJ,GAAG;MAC7BR,GAAA,CAAIK,OAAA,GAAUG,GAAA;IAChB;IAEAN,UAAA,CAAW,IAAI;EACjB,GAAG,CAACJ,QAAQ,CAAC;EAEb,IAAI,CAACE,GAAA,CAAIK,OAAA,EAAS,OAAO;EACzB,OAAOJ,OAAA,GAAUP,YAAA,CAAaK,QAAA,EAAUC,GAAA,CAAIK,OAAO,IAAI;AACzD;AAEA,IAAOQ,cAAA,GAAQjB,MAAA","ignoreList":[]}