@multiplatform.one/web3 5.0.27

package/dist/jsx/connectkit/components/Pages/Connectors/styles.mjs

@@ -0,0 +1,268 @@
+import styled from "./../../../styles/styled/index.mjs";
+import { keyframes } from "styled-components";
+import { motion } from "framer-motion";
+import { ModalBody } from "../../Common/Modal/styles.mjs";
+const Shimmer = keyframes`
+  0%{ transform: translate(-100%) rotate(-45deg); }
+  100%{ transform: translate(100%) rotate(-80deg); }
+`;
+const Container = styled(motion.div)`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`;
+const InfoBox = styled.div`
+  padding: 24px 24px 28px;
+  border-radius: var(--ck-tertiary-border-radius, 24px);
+  box-shadow: var(--ck-tertiary-box-shadow, none);
+  background: var(--ck-body-background-tertiary);
+  ${ModalBody} {
+    max-width: none;
+  }
+`;
+const InfoBoxButtons = styled.div`
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+  margin: 5px -8px -12px;
+  button {
+  }
+`;
+const LearnMoreContainer = styled(motion.div)`
+  text-align: center;
+  margin-top: 16px;
+  margin-bottom: -6px;
+`;
+const LearnMoreButton = styled(motion.button)`
+  appearance: none;
+  user-select: none;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  height: 42px;
+  padding: 0 16px;
+  border-radius: 6px;
+  background: none;
+  color: var(--ck-body-color-muted);
+  font-size: 15px;
+  line-height: 18px;
+  font-weight: 500;
+  /* will-change: transform; */
+  transition: color 200ms ease, transform 100ms ease;
+  svg {
+    transition: all 100ms ease-out;
+    display: block;
+    position: relative;
+    top: 2px;
+    left: 2px;
+    transform: translateZ(0px);
+    path,
+    circle {
+      transition: all 100ms ease-out;
+    }
+    path:last-of-type {
+      transform-origin: 0 0;
+      transform: scaleX(1.3) skewY(-12deg);
+      opacity: 0;
+    }
+    circle {
+      transform: translate(20%, -15%);
+    }
+  }
+  &:hover {
+    color: var(--ck-body-color-muted-hover);
+    svg {
+      path,
+      circle {
+        opacity: 1;
+        transform: none;
+      }
+    }
+  }
+  &:active {
+    transform: scale(0.96);
+  }
+`;
+const ConnectorsContainer = styled(motion.div)`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 0 0 16px;
+  overflow-y: scroll;
+  max-height: 20rem;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+`;
+const ConnectorButton = styled(motion.button)`
+  cursor: pointer;
+  user-select: none;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 0 20px;
+  width: 100%;
+  height: 64px;
+  font-size: 17px;
+  font-weight: var(--ck-primary-button-font-weight, 500);
+  line-height: 20px;
+  text-align: var(--ck-body-button-text-align, left);
+  transition: 180ms ease;
+  transition-property: background, color, box-shadow, transform, opacity;
+  will-change: transform, box-shadow, background-color, color, opacity;
+
+  --fallback-color: var(--ck-primary-button-color);
+  --fallback-background: var(--ck-primary-button-background);
+  --fallback-box-shadow: var(--ck-primary-button-box-shadow);
+  --fallback-border-radius: var(--ck-primary-button-border-radius);
+
+  --color: var(--ck-primary-button-color, var(--fallback-color));
+  --background: var(--ck-primary-button-background, var(--fallback-background));
+  --box-shadow: var(--ck-primary-button-box-shadow, var(--fallback-box-shadow));
+  --border-radius: var(
+    --ck-primary-button-border-radius,
+    var(--fallback-border-radius)
+  );
+
+  --hover-color: var(--ck-primary-button-hover-color, var(--color));
+  --hover-background: var(
+    --ck-primary-button-hover-background,
+    var(--background)
+  );
+  --hover-box-shadow: var(
+    --ck-primary-button-hover-box-shadow,
+    var(--box-shadow)
+  );
+  --hover-border-radius: var(
+    --ck-primary-button-hover-border-radius,
+    var(--border-radius)
+  );
+
+  --active-color: var(--ck-primary-button-active-color, var(--hover-color));
+  --active-background: var(
+    --ck-primary-button-active-background,
+    var(--hover-background)
+  );
+  --active-box-shadow: var(
+    --ck-primary-button-active-box-shadow,
+    var(--hover-box-shadow)
+  );
+  --active-border-radius: var(
+    --ck-primary-button-active-border-radius,
+    var(--hover-border-radius)
+  );
+
+  color: var(--color);
+  background: var(--background);
+  box-shadow: var(--box-shadow);
+  border-radius: var(--border-radius);
+
+  &:disabled {
+    transition: 180ms ease;
+    opacity: 0.4;
+  }
+
+  --bg: var(--background);
+  &:not(:disabled) {
+    &:hover {
+      color: var(--hover-color);
+      background: var(--hover-background);
+      box-shadow: var(--hover-box-shadow);
+      border-radius: var(--hover-border-radius);
+      --bg: var(--hover-background, var(--background));
+    }
+    &:focus-visible {
+      transition-duration: 100ms;
+      color: var(--hover-color);
+      background: var(--hover-background);
+      box-shadow: var(--hover-box-shadow);
+      border-radius: var(--hover-border-radius);
+      --bg: var(--hover-background, var(--background));
+    }
+    &:active {
+      color: var(--active-color);
+      background: var(--active-background);
+      box-shadow: var(--active-box-shadow);
+      border-radius: var(--active-border-radius);
+      --bg: var(--active-background, var(--background));
+    }
+  }
+`;
+const ConnectorRecentlyUsed = styled(motion.span)`
+  position: relative;
+  top: var(--ck-recent-badge-top-offset, 0.5px);
+  display: inline-block;
+  padding: 10px 7px;
+  line-height: 0;
+  font-size: 13px;
+  font-weight: 400;
+  border-radius: var(--ck-recent-badge-border-radius, var(--border-radius));
+  color: var(
+    --ck-recent-badge-color,
+    var(--ck-accent-color, var(--ck-body-color-muted, currentColor))
+  );
+  background: var(--ck-recent-badge-background, transparent);
+  overflow: hidden;
+  span {
+    display: inline-block;
+    position: relative;
+  }
+  &:before {
+    z-index: 1;
+    content: '';
+    position: absolute;
+    inset: 0;
+    opacity: 0.4;
+    box-shadow: var(--ck-recent-badge-box-shadow, inset 0 0 0 1px currentColor);
+    border-radius: inherit;
+  }
+  &:after {
+    z-index: 2;
+    content: '';
+    position: absolute;
+    inset: -10%;
+    top: -110%;
+    aspect-ratio: 1/1;
+    opacity: 0.7;
+    background: linear-gradient(
+      170deg,
+      transparent 10%,
+      var(--ck-recent-badge-background, var(--bg)) 50%,
+      transparent 90%
+    );
+    animation: ${Shimmer} 2s linear infinite;
+  }
+`;
+const ConnectorLabel = styled(motion.span)`
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding: 2px 0;
+  padding-right: 38px;
+`;
+const ConnectorIcon = styled(motion.div)`
+  position: absolute;
+  right: 20px;
+  width: 32px;
+  height: 32px;
+  overflow: hidden;
+  svg,
+  img {
+    display: block;
+    position: relative;
+    pointer-events: none;
+    overflow: hidden;
+    border-radius: 27.5%;
+    width: 100%;
+    height: 100%;
+  }
+`;
+export { ConnectorButton, ConnectorIcon, ConnectorLabel, ConnectorRecentlyUsed, ConnectorsContainer, Container, InfoBox, InfoBoxButtons, LearnMoreButton, LearnMoreContainer };
+//# sourceMappingURL=styles.mjs.map

package/dist/jsx/connectkit/components/Pages/Connectors/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","keyframes","motion","ModalBody","Shimmer","Container","div","InfoBox","InfoBoxButtons","LearnMoreContainer","LearnMoreButton","button","ConnectorsContainer","ConnectorButton","ConnectorRecentlyUsed","span","ConnectorLabel","ConnectorIcon"],"sources":["../../../../../../src/connectkit/components/Pages/Connectors/styles.ts"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,MAAA,MAAY;AACnB,SAASC,SAAA,QAAiB;AAE1B,SAASC,MAAA,QAAc;AACvB,SAASC,SAAA,QAAiB;AAE1B,MAAMC,OAAA,GAAUH,SAAA;AAAA;AAAA;AAAA;AAKT,MAAMI,SAAA,GAAYL,MAAA,CAAOE,MAAA,CAAOI,GAAG;AAAA;AAAA;AAAA;AAAA;AAMnC,MAAMC,OAAA,GAAUP,MAAA,CAAOM,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAK1BH,SAAS;AAAA;AAAA;AAAA;AAIN,MAAMK,cAAA,GAAiBR,MAAA,CAAOM,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ9B,MAAMG,kBAAA,GAAqBT,MAAA,CAAOE,MAAA,CAAOI,GAAG;AAAA;AAAA;AAAA;AAAA;AAK5C,MAAMI,eAAA,GAAkBV,MAAA,CAAOE,MAAA,CAAOS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqD5C,MAAMC,mBAAA,GAAsBZ,MAAA,CAAOE,MAAA,CAAOI,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAa7C,MAAMO,eAAA,GAAkBb,MAAA,CAAOE,MAAA,CAAOS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8F5C,MAAMG,qBAAA,GAAwBd,MAAA,CAAOE,MAAA,CAAOa,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBA0CtCX,OAAO;AAAA;AAAA;AAIjB,MAAMY,cAAA,GAAiBhB,MAAA,CAAOE,MAAA,CAAOa,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYzC,MAAME,aAAA,GAAgBjB,MAAA,CAAOE,MAAA,CAAOI,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","ignoreList":[]}

package/dist/jsx/connectkit/components/Pages/Connectors/styles.native.js

@@ -0,0 +1,316 @@
+"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 styles_exports = {};
+__export(styles_exports, {
+  ConnectorButton: () => ConnectorButton,
+  ConnectorIcon: () => ConnectorIcon,
+  ConnectorLabel: () => ConnectorLabel,
+  ConnectorRecentlyUsed: () => ConnectorRecentlyUsed,
+  ConnectorsContainer: () => ConnectorsContainer,
+  Container: () => Container,
+  InfoBox: () => InfoBox,
+  InfoBoxButtons: () => InfoBoxButtons,
+  LearnMoreButton: () => LearnMoreButton,
+  LearnMoreContainer: () => LearnMoreContainer
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled = __toESM(require("./../../../styles/styled/index.native.js"));
+var import_styled_components = require("styled-components");
+var import_framer_motion = require("framer-motion");
+var import_styles = require("../../Common/Modal/styles.native.js");
+var Shimmer = import_styled_components.keyframes`
+  0%{ transform: translate(-100%) rotate(-45deg); }
+  100%{ transform: translate(100%) rotate(-80deg); }
+`;
+var Container = (0, import_styled.default)(import_framer_motion.motion.div)`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`;
+var InfoBox = import_styled.default.div`
+  padding: 24px 24px 28px;
+  border-radius: var(--ck-tertiary-border-radius, 24px);
+  box-shadow: var(--ck-tertiary-box-shadow, none);
+  background: var(--ck-body-background-tertiary);
+  ${import_styles.ModalBody} {
+    max-width: none;
+  }
+`;
+var InfoBoxButtons = import_styled.default.div`
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+  margin: 5px -8px -12px;
+  button {
+  }
+`;
+var LearnMoreContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  text-align: center;
+  margin-top: 16px;
+  margin-bottom: -6px;
+`;
+var LearnMoreButton = (0, import_styled.default)(import_framer_motion.motion.button)`
+  appearance: none;
+  user-select: none;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  height: 42px;
+  padding: 0 16px;
+  border-radius: 6px;
+  background: none;
+  color: var(--ck-body-color-muted);
+  font-size: 15px;
+  line-height: 18px;
+  font-weight: 500;
+  /* will-change: transform; */
+  transition: color 200ms ease, transform 100ms ease;
+  svg {
+    transition: all 100ms ease-out;
+    display: block;
+    position: relative;
+    top: 2px;
+    left: 2px;
+    transform: translateZ(0px);
+    path,
+    circle {
+      transition: all 100ms ease-out;
+    }
+    path:last-of-type {
+      transform-origin: 0 0;
+      transform: scaleX(1.3) skewY(-12deg);
+      opacity: 0;
+    }
+    circle {
+      transform: translate(20%, -15%);
+    }
+  }
+  &:hover {
+    color: var(--ck-body-color-muted-hover);
+    svg {
+      path,
+      circle {
+        opacity: 1;
+        transform: none;
+      }
+    }
+  }
+  &:active {
+    transform: scale(0.96);
+  }
+`;
+var ConnectorsContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 0 0 16px;
+  overflow-y: scroll;
+  max-height: 20rem;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+`;
+var ConnectorButton = (0, import_styled.default)(import_framer_motion.motion.button)`
+  cursor: pointer;
+  user-select: none;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 0 20px;
+  width: 100%;
+  height: 64px;
+  font-size: 17px;
+  font-weight: var(--ck-primary-button-font-weight, 500);
+  line-height: 20px;
+  text-align: var(--ck-body-button-text-align, left);
+  transition: 180ms ease;
+  transition-property: background, color, box-shadow, transform, opacity;
+  will-change: transform, box-shadow, background-color, color, opacity;
+
+  --fallback-color: var(--ck-primary-button-color);
+  --fallback-background: var(--ck-primary-button-background);
+  --fallback-box-shadow: var(--ck-primary-button-box-shadow);
+  --fallback-border-radius: var(--ck-primary-button-border-radius);
+
+  --color: var(--ck-primary-button-color, var(--fallback-color));
+  --background: var(--ck-primary-button-background, var(--fallback-background));
+  --box-shadow: var(--ck-primary-button-box-shadow, var(--fallback-box-shadow));
+  --border-radius: var(
+    --ck-primary-button-border-radius,
+    var(--fallback-border-radius)
+  );
+
+  --hover-color: var(--ck-primary-button-hover-color, var(--color));
+  --hover-background: var(
+    --ck-primary-button-hover-background,
+    var(--background)
+  );
+  --hover-box-shadow: var(
+    --ck-primary-button-hover-box-shadow,
+    var(--box-shadow)
+  );
+  --hover-border-radius: var(
+    --ck-primary-button-hover-border-radius,
+    var(--border-radius)
+  );
+
+  --active-color: var(--ck-primary-button-active-color, var(--hover-color));
+  --active-background: var(
+    --ck-primary-button-active-background,
+    var(--hover-background)
+  );
+  --active-box-shadow: var(
+    --ck-primary-button-active-box-shadow,
+    var(--hover-box-shadow)
+  );
+  --active-border-radius: var(
+    --ck-primary-button-active-border-radius,
+    var(--hover-border-radius)
+  );
+
+  color: var(--color);
+  background: var(--background);
+  box-shadow: var(--box-shadow);
+  border-radius: var(--border-radius);
+
+  &:disabled {
+    transition: 180ms ease;
+    opacity: 0.4;
+  }
+
+  --bg: var(--background);
+  &:not(:disabled) {
+    &:hover {
+      color: var(--hover-color);
+      background: var(--hover-background);
+      box-shadow: var(--hover-box-shadow);
+      border-radius: var(--hover-border-radius);
+      --bg: var(--hover-background, var(--background));
+    }
+    &:focus-visible {
+      transition-duration: 100ms;
+      color: var(--hover-color);
+      background: var(--hover-background);
+      box-shadow: var(--hover-box-shadow);
+      border-radius: var(--hover-border-radius);
+      --bg: var(--hover-background, var(--background));
+    }
+    &:active {
+      color: var(--active-color);
+      background: var(--active-background);
+      box-shadow: var(--active-box-shadow);
+      border-radius: var(--active-border-radius);
+      --bg: var(--active-background, var(--background));
+    }
+  }
+`;
+var ConnectorRecentlyUsed = (0, import_styled.default)(import_framer_motion.motion.span)`
+  position: relative;
+  top: var(--ck-recent-badge-top-offset, 0.5px);
+  display: inline-block;
+  padding: 10px 7px;
+  line-height: 0;
+  font-size: 13px;
+  font-weight: 400;
+  border-radius: var(--ck-recent-badge-border-radius, var(--border-radius));
+  color: var(
+    --ck-recent-badge-color,
+    var(--ck-accent-color, var(--ck-body-color-muted, currentColor))
+  );
+  background: var(--ck-recent-badge-background, transparent);
+  overflow: hidden;
+  span {
+    display: inline-block;
+    position: relative;
+  }
+  &:before {
+    z-index: 1;
+    content: '';
+    position: absolute;
+    inset: 0;
+    opacity: 0.4;
+    box-shadow: var(--ck-recent-badge-box-shadow, inset 0 0 0 1px currentColor);
+    border-radius: inherit;
+  }
+  &:after {
+    z-index: 2;
+    content: '';
+    position: absolute;
+    inset: -10%;
+    top: -110%;
+    aspect-ratio: 1/1;
+    opacity: 0.7;
+    background: linear-gradient(
+      170deg,
+      transparent 10%,
+      var(--ck-recent-badge-background, var(--bg)) 50%,
+      transparent 90%
+    );
+    animation: ${Shimmer} 2s linear infinite;
+  }
+`;
+var ConnectorLabel = (0, import_styled.default)(import_framer_motion.motion.span)`
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding: 2px 0;
+  padding-right: 38px;
+`;
+var ConnectorIcon = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+  right: 20px;
+  width: 32px;
+  height: 32px;
+  overflow: hidden;
+  svg,
+  img {
+    display: block;
+    position: relative;
+    pointer-events: none;
+    overflow: hidden;
+    border-radius: 27.5%;
+    width: 100%;
+    height: 100%;
+  }
+`;
+//# sourceMappingURL=styles.native.js.map

package/dist/jsx/connectkit/components/Pages/Connectors/styles.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","styles_exports","ConnectorButton","ConnectorIcon","ConnectorLabel","ConnectorRecentlyUsed","ConnectorsContainer","Container","InfoBox","InfoBoxButtons","LearnMoreButton","LearnMoreContainer","module","exports","import_styled","require","import_styled_components","import_framer_motion","import_styles","Shimmer","keyframes","default","motion","div","ModalBody","button","span"],"sources":["../../../../../../src/connectkit/components/Pages/Connectors/styles.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/connectkit/components/Pages/DownloadApp/index.mjs

@@ -0,0 +1,45 @@
+import { PageContent, ModalBody, ModalContent } from "../../Common/Modal/styles.mjs";
+import CustomQRCode from "../../Common/CustomQRCode/index.mjs";
+import useLocales from "../../../hooks/useLocales.mjs";
+import { useContext } from "../../ConnectKit.mjs";
+import { useWallet } from "../../../wallets/useWallets.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const DownloadApp = () => {
+  const context = useContext();
+  const wallet = useWallet(context.connector.id);
+  const locales = useLocales({
+    CONNECTORNAME: wallet?.name
+  });
+  if (!wallet) return /* @__PURE__ */jsx(Fragment, {
+    children: "Wallet not found"
+  });
+  const downloads = {
+    ios: wallet.downloadUrls?.ios,
+    android: wallet.downloadUrls?.android,
+    redirect: wallet.downloadUrls?.download
+  };
+  const bodycopy = downloads.ios && downloads.android ? locales.downloadAppScreen_iosAndroid : downloads.ios ? locales.downloadAppScreen_ios : locales.downloadAppScreen_android;
+  return /* @__PURE__ */jsx(PageContent, {
+    children: /* @__PURE__ */jsxs(ModalContent, {
+      style: {
+        paddingBottom: 4,
+        gap: 14
+      },
+      children: [downloads.redirect && /* @__PURE__ */jsx(CustomQRCode, {
+        value: downloads.redirect
+      }), !downloads.redirect && /* @__PURE__ */jsx(Fragment, {
+        children: "No download link available"
+      }), /* @__PURE__ */jsx(ModalBody, {
+        style: {
+          fontSize: 15,
+          lineHeight: "20px",
+          padding: "0 12px"
+        },
+        children: bodycopy
+      })]
+    })
+  });
+};
+var DownloadApp_default = DownloadApp;
+export { DownloadApp_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/connectkit/components/Pages/DownloadApp/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["PageContent","ModalBody","ModalContent","CustomQRCode","useLocales","useContext","useWallet","Fragment","jsx","jsxs","DownloadApp","context","wallet","connector","id","locales","CONNECTORNAME","name","children","downloads","ios","downloadUrls","android","redirect","download","bodycopy","downloadAppScreen_iosAndroid","downloadAppScreen_ios","downloadAppScreen_android","style","paddingBottom","gap","value","fontSize","lineHeight","padding","DownloadApp_default"],"sources":["../../../../../../src/connectkit/components/Pages/DownloadApp/index.tsx"],"sourcesContent":[null],"mappings":"AAEA,SACEA,WAAA,EACAC,SAAA,EACAC,YAAA,QACK;AAEP,OAAOC,YAAA,MAAkB;AAEzB,OAAOC,UAAA,MAAgB;AACvB,SAASC,UAAA,QAAkB;AAC3B,SAASC,SAAA,QAAiB;AAUJ,SAAAC,QAAA,EAAAC,GAAA,EAiBhBC,IAAA,QAjBgB;AARtB,MAAMC,WAAA,GAAcA,CAAA,KAAM;EACxB,MAAMC,OAAA,GAAUN,UAAA,CAAW;EAC3B,MAAMO,MAAA,GAASN,SAAA,CAAUK,OAAA,CAAQE,SAAA,CAAUC,EAAE;EAE7C,MAAMC,OAAA,GAAUX,UAAA,CAAW;IACzBY,aAAA,EAAeJ,MAAA,EAAQK;EACzB,CAAC;EAED,IAAI,CAACL,MAAA,EAAQ,OAAO,eAAAJ,GAAA,CAAAD,QAAA;IAAEW,QAAA;EAAA,CAAgB;EAEtC,MAAMC,SAAA,GAAY;IAChBC,GAAA,EAAKR,MAAA,CAAOS,YAAA,EAAcD,GAAA;IAC1BE,OAAA,EAASV,MAAA,CAAOS,YAAA,EAAcC,OAAA;IAC9BC,QAAA,EAAUX,MAAA,CAAOS,YAAA,EAAcG;EACjC;EAEA,MAAMC,QAAA,GACJN,SAAA,CAAUC,GAAA,IAAOD,SAAA,CAAUG,OAAA,GACvBP,OAAA,CAAQW,4BAAA,GACRP,SAAA,CAAUC,GAAA,GACVL,OAAA,CAAQY,qBAAA,GACRZ,OAAA,CAAQa,yBAAA;EAEd,OACE,eAAApB,GAAA,CAACR,WAAA;IACCkB,QAAA,iBAAAT,IAAA,CAACP,YAAA;MAAa2B,KAAA,EAAO;QAAEC,aAAA,EAAe;QAAGC,GAAA,EAAK;MAAG;MAC9Cb,QAAA,GAAAC,SAAA,CAAUI,QAAA,IAAY,eAAAf,GAAA,CAACL,YAAA;QAAa6B,KAAA,EAAOb,SAAA,CAAUI;MAAA,CAAU,GAC/D,CAACJ,SAAA,CAAUI,QAAA,IAAY,eAAAf,GAAA,CAAAD,QAAA;QAAEW,QAAA;MAAA,CAA0B,GACpD,eAAAV,GAAA,CAACP,SAAA;QACC4B,KAAA,EAAO;UAAEI,QAAA,EAAU;UAAIC,UAAA,EAAY;UAAQC,OAAA,EAAS;QAAS;QAE5DjB,QAAA,EAAAO;MAAA,CACH;IAAA,CACF;EAAA,CACF;AAEJ;AAEA,IAAOW,mBAAA,GAAQ1B,WAAA","ignoreList":[]}