@multiplatform.one/web3 5.0.27

package/dist/jsx/connectkit/components/Common/ChainSelectList/styles.mjs

@@ -0,0 +1,221 @@
+import { motion } from "framer-motion";
+import styled from "./../../../styles/styled/index.mjs";
+import { css } from "styled-components";
+import defaultTheme from "../../../constants/defaultTheme.mjs";
+const SwitchNetworksContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    flex-direction: column-reverse;
+  }
+`;
+const ChainIcon = styled(motion.div)`
+  display: block;
+  position: relative;
+  border-radius: 12px;
+  overflow: hidden;
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
+  min-height: 24px;
+  background: var(--ck-body-background);
+  svg {
+    border-radius: inherit;
+    display: block;
+    position: relative;
+    transform: translate3d(0, 0, 0);
+    width: 100%;
+    height: auto;
+  }
+  ${props => props.$empty && css`
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      &:before {
+        content: '?';
+        color: var(--ck-body-color-muted);
+        font-weight: bold;
+        font-family: var(--ck-font-family);
+      }
+    `}
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    border-radius: 16px;
+    width: 32px;
+    height: 32px;
+  }
+`;
+const ChainLogoContainer = styled(motion.div)`
+  position: relative;
+`;
+const ChainLogoSpinner = styled(motion.div)`
+  position: absolute;
+  inset: -6px;
+  animation: rotateSpinner 1200ms linear infinite;
+  pointer-events: none;
+  svg {
+    display: block;
+    position: relative;
+    transform: translate3d(0, 0, 0);
+    width: 100%;
+    height: auto;
+  }
+  @keyframes rotateSpinner {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`;
+const ChainButtonContainer = styled.div`
+  position: relative;
+  margin: -8px -8px;
+  &:after {
+    border-radius: var(--border-radius, 0);
+    z-index: 2;
+    content: '';
+    pointer-events: none;
+    position: absolute;
+    inset: 0 2px;
+    box-shadow: inset 0 16px 8px -12px var(--background, var(--ck-body-background)),
+      inset 0 -16px 8px -12px var(--background, var(--ck-body-background));
+  }
+`;
+const ChainButtons = styled(motion.div)`
+  padding: 8px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: 242px;
+
+  -ms-overflow-style: none; /* Internet Explorer 10+ */
+  scrollbar-width: none; /* Firefox */
+  &::-webkit-scrollbar {
+    display: none; /* Safari and Chrome */
+  }
+
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    padding: 8px 14px;
+    margin: 2px -2px 0;
+    max-height: 60vh;
+  }
+`;
+const ChainButton = styled(motion.button)`
+  appearance: none;
+  cursor: pointer;
+  user-select: none;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  border-radius: 11px;
+  margin: 0 0 1px;
+  padding: 8px 0;
+  padding-right: 154px;
+  font-size: 15px;
+  line-height: 18px;
+  font-weight: 500;
+  text-decoration: none;
+  color: var(--ck-body-color);
+  background: none;
+  white-space: nowrap;
+  transition: transform 100ms ease, background-color 100ms ease;
+  transform: translateZ(0px);
+  &:before {
+    content: '';
+    background: currentColor;
+    position: absolute;
+    z-index: -1;
+    inset: 0 var(--ck-dropdown-active-inset, -8px);
+    border-radius: var(--ck-dropdown-active-border-radius, 12px);
+    opacity: 0;
+    transition: opacity 180ms ease;
+  }
+  &:after {
+    content: '';
+    position: absolute;
+    z-index: -1;
+    inset: 0 var(--ck-dropdown-active-inset, -8px);
+    border-radius: 12px;
+    opacity: 0;
+    transition: opacity 180ms ease;
+    outline: 2px solid var(--ck-focus-color);
+  }
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    font-size: 17px;
+    padding: 8px 0;
+  }
+  @media only screen and (min-width: ${defaultTheme.mobileWidth}px) {
+    &:hover {
+      &:before {
+        transition-duration: 80ms;
+        opacity: 0.05;
+      }
+    }
+  }
+  &:active {
+    transform: scale(0.99) translateZ(0px);
+  }
+  &:disabled {
+    //opacity: 0.4;
+    pointer-events: none;
+  }
+  &:focus-visible {
+    outline: none !important;
+    &:after {
+      opacity: 1;
+    }
+  }
+  ${props => props.$variant === "secondary" && css`
+      padding: 12px 4px;
+      margin: 0 0 8px;
+      &:last-child {
+        margin-bottom: 0;
+      }
+      &:before {
+        opacity: 0.05;
+      }
+      &:hover:before {
+        opacity: 0.1;
+      }
+    `}
+`;
+const ChainButtonStatus = styled(motion.div)`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  color: var(--ck-body-color-muted);
+  font-size: 15px;
+  line-height: 18px;
+  font-weight: 500;
+  padding-right: 4px;
+  span {
+    display: block;
+    position: relative;
+  }
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    font-size: 17px;
+    padding: 0;
+  }
+`;
+const ChainButtonBg = styled(motion.div)`
+  position: absolute;
+  z-index: -1;
+  inset: 0 var(--ck-dropdown-active-inset, -8px);
+  background: var(--ck-dropdown-active-background, rgba(26, 136, 248, 0.1));
+  box-shadow var(--ck-dropdown-active-box-shadow);
+  border-radius: var(--ck-dropdown-active-border-radius, 12px);
+  
+  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
+    inset: 0 var(--ck-dropdown-active-inset, -8px);
+  }
+`;
+export { ChainButton, ChainButtonBg, ChainButtonContainer, ChainButtonStatus, ChainButtons, ChainIcon, ChainLogoContainer, ChainLogoSpinner, SwitchNetworksContainer };
+//# sourceMappingURL=styles.mjs.map

package/dist/jsx/connectkit/components/Common/ChainSelectList/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["motion","styled","css","defaultTheme","SwitchNetworksContainer","div","mobileWidth","ChainIcon","props","$empty","ChainLogoContainer","ChainLogoSpinner","ChainButtonContainer","ChainButtons","ChainButton","button","$variant","ChainButtonStatus","ChainButtonBg"],"sources":["../../../../../../src/connectkit/components/Common/ChainSelectList/styles.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,OAAOC,MAAA,MAAY;AACnB,SAASC,GAAA,QAAW;AAEpB,OAAOC,YAAA,MAAkB;AAElB,MAAMC,uBAAA,GAA0BH,MAAA,CAAOI,GAAA;AAAA;AAAA;AAAA;AAAA,uCAIPF,YAAA,CAAaG,WAAW;AAAA;AAAA;AAAA;AAKxD,MAAMC,SAAA,GAAYN,MAAA,CAAOD,MAAA,CAAOK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAkBrCG,KAAA,IACDA,KAAA,CAAMC,MAAA,IACNP,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAUC;AAAA,uCACkCC,YAAA,CAAaG,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAMxD,MAAMI,kBAAA,GAAqBT,MAAA,CAAOD,MAAA,CAAOK,GAAG;AAAA;AAAA;AAG5C,MAAMM,gBAAA,GAAmBV,MAAA,CAAOD,MAAA,CAAOK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqB1C,MAAMO,oBAAA,GAAuBX,MAAA,CAAOI,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcpC,MAAMQ,YAAA,GAAeZ,MAAA,CAAOD,MAAA,CAAOK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCAYNF,YAAA,CAAaG,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAMxD,MAAMQ,WAAA,GAAcb,MAAA,CAAOD,MAAA,CAAOe,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,uCA4CRZ,YAAA,CAAaG,WAAW;AAAA;AAAA;AAAA;AAAA,uCAIxBH,YAAA,CAAaG,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAqB1DE,KAAA,IACDA,KAAA,CAAMQ,QAAA,KAAa,eACnBd,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAYC;AAAA;AAEE,MAAMe,iBAAA,GAAoBhB,MAAA,CAAOD,MAAA,CAAOK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCAkBXF,YAAA,CAAaG,WAAW;AAAA;AAAA;AAAA;AAAA;AAKxD,MAAMY,aAAA,GAAgBjB,MAAA,CAAOD,MAAA,CAAOK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCAQPF,YAAA,CAAaG,WAAW;AAAA;AAAA;AAAA","ignoreList":[]}

package/dist/jsx/connectkit/components/Common/ChainSelectList/styles.native.js

@@ -0,0 +1,272 @@
+"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, {
+  ChainButton: () => ChainButton,
+  ChainButtonBg: () => ChainButtonBg,
+  ChainButtonContainer: () => ChainButtonContainer,
+  ChainButtonStatus: () => ChainButtonStatus,
+  ChainButtons: () => ChainButtons,
+  ChainIcon: () => ChainIcon,
+  ChainLogoContainer: () => ChainLogoContainer,
+  ChainLogoSpinner: () => ChainLogoSpinner,
+  SwitchNetworksContainer: () => SwitchNetworksContainer
+});
+module.exports = __toCommonJS(styles_exports);
+var import_framer_motion = require("framer-motion");
+var import_styled = __toESM(require("./../../../styles/styled/index.native.js"));
+var import_styled_components = require("styled-components");
+var import_defaultTheme = __toESM(require("../../../constants/defaultTheme.native.js"));
+var SwitchNetworksContainer = import_styled.default.div`
+  display: flex;
+  flex-direction: column;
+
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    flex-direction: column-reverse;
+  }
+`;
+var ChainIcon = (0, import_styled.default)(import_framer_motion.motion.div)`
+  display: block;
+  position: relative;
+  border-radius: 12px;
+  overflow: hidden;
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
+  min-height: 24px;
+  background: var(--ck-body-background);
+  svg {
+    border-radius: inherit;
+    display: block;
+    position: relative;
+    transform: translate3d(0, 0, 0);
+    width: 100%;
+    height: auto;
+  }
+  ${function (props) {
+  return props.$empty && import_styled_components.css`
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      &:before {
+        content: '?';
+        color: var(--ck-body-color-muted);
+        font-weight: bold;
+        font-family: var(--ck-font-family);
+      }
+    `;
+}}
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    border-radius: 16px;
+    width: 32px;
+    height: 32px;
+  }
+`;
+var ChainLogoContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: relative;
+`;
+var ChainLogoSpinner = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+  inset: -6px;
+  animation: rotateSpinner 1200ms linear infinite;
+  pointer-events: none;
+  svg {
+    display: block;
+    position: relative;
+    transform: translate3d(0, 0, 0);
+    width: 100%;
+    height: auto;
+  }
+  @keyframes rotateSpinner {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`;
+var ChainButtonContainer = import_styled.default.div`
+  position: relative;
+  margin: -8px -8px;
+  &:after {
+    border-radius: var(--border-radius, 0);
+    z-index: 2;
+    content: '';
+    pointer-events: none;
+    position: absolute;
+    inset: 0 2px;
+    box-shadow: inset 0 16px 8px -12px var(--background, var(--ck-body-background)),
+      inset 0 -16px 8px -12px var(--background, var(--ck-body-background));
+  }
+`;
+var ChainButtons = (0, import_styled.default)(import_framer_motion.motion.div)`
+  padding: 8px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: 242px;
+
+  -ms-overflow-style: none; /* Internet Explorer 10+ */
+  scrollbar-width: none; /* Firefox */
+  &::-webkit-scrollbar {
+    display: none; /* Safari and Chrome */
+  }
+
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    padding: 8px 14px;
+    margin: 2px -2px 0;
+    max-height: 60vh;
+  }
+`;
+var ChainButton = (0, import_styled.default)(import_framer_motion.motion.button)`
+  appearance: none;
+  cursor: pointer;
+  user-select: none;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  border-radius: 11px;
+  margin: 0 0 1px;
+  padding: 8px 0;
+  padding-right: 154px;
+  font-size: 15px;
+  line-height: 18px;
+  font-weight: 500;
+  text-decoration: none;
+  color: var(--ck-body-color);
+  background: none;
+  white-space: nowrap;
+  transition: transform 100ms ease, background-color 100ms ease;
+  transform: translateZ(0px);
+  &:before {
+    content: '';
+    background: currentColor;
+    position: absolute;
+    z-index: -1;
+    inset: 0 var(--ck-dropdown-active-inset, -8px);
+    border-radius: var(--ck-dropdown-active-border-radius, 12px);
+    opacity: 0;
+    transition: opacity 180ms ease;
+  }
+  &:after {
+    content: '';
+    position: absolute;
+    z-index: -1;
+    inset: 0 var(--ck-dropdown-active-inset, -8px);
+    border-radius: 12px;
+    opacity: 0;
+    transition: opacity 180ms ease;
+    outline: 2px solid var(--ck-focus-color);
+  }
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    font-size: 17px;
+    padding: 8px 0;
+  }
+  @media only screen and (min-width: ${import_defaultTheme.default.mobileWidth}px) {
+    &:hover {
+      &:before {
+        transition-duration: 80ms;
+        opacity: 0.05;
+      }
+    }
+  }
+  &:active {
+    transform: scale(0.99) translateZ(0px);
+  }
+  &:disabled {
+    //opacity: 0.4;
+    pointer-events: none;
+  }
+  &:focus-visible {
+    outline: none !important;
+    &:after {
+      opacity: 1;
+    }
+  }
+  ${function (props) {
+  return props.$variant === "secondary" && import_styled_components.css`
+      padding: 12px 4px;
+      margin: 0 0 8px;
+      &:last-child {
+        margin-bottom: 0;
+      }
+      &:before {
+        opacity: 0.05;
+      }
+      &:hover:before {
+        opacity: 0.1;
+      }
+    `;
+}}
+`;
+var ChainButtonStatus = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  color: var(--ck-body-color-muted);
+  font-size: 15px;
+  line-height: 18px;
+  font-weight: 500;
+  padding-right: 4px;
+  span {
+    display: block;
+    position: relative;
+  }
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    font-size: 17px;
+    padding: 0;
+  }
+`;
+var ChainButtonBg = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+  z-index: -1;
+  inset: 0 var(--ck-dropdown-active-inset, -8px);
+  background: var(--ck-dropdown-active-background, rgba(26, 136, 248, 0.1));
+  box-shadow var(--ck-dropdown-active-box-shadow);
+  border-radius: var(--ck-dropdown-active-border-radius, 12px);
+  
+  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+    inset: 0 var(--ck-dropdown-active-inset, -8px);
+  }
+`;
+//# sourceMappingURL=styles.native.js.map

package/dist/jsx/connectkit/components/Common/ChainSelectList/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","ChainButton","ChainButtonBg","ChainButtonContainer","ChainButtonStatus","ChainButtons","ChainIcon","ChainLogoContainer","ChainLogoSpinner","SwitchNetworksContainer","module","exports","import_framer_motion","require","import_styled","import_styled_components","import_defaultTheme","default","div","mobileWidth","motion","props","$empty","css","button","$variant"],"sources":["../../../../../../src/connectkit/components/Common/ChainSelectList/styles.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,QAAO,GAAAC,MAAY,CAAAC,MAAA;AACnB,IAAAC,SAAS,GAAAF,MAAW,CAAAG,cAAA;AAEpB,IAAAC,gBAAO,GAAAJ,MAAkB,CAAAK,wBAAA;AAElB,IAAAC,iBAAM,GAAAN,MAAA,CAAAO,mBAAiC;AAAA,IAAAC,YAAA,GAAAR,MAAA,CAAAS,cAAA;AAAA,IAAAC,YAAA,GAAAV,MAAA,CAAAW,SAAA,CAAAC,cAAA;AAAA,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,SAAAC,IAAA,IAAAD,GAAA,EAIiBb,SAAA,CAAAY,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAAA,IAAAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAKxD,IAAMF,IAAA,WAAYA,IAAO,aAAU,WAAAA,IAAA;IAAA,SAAAG,GAAA,IAAAlB,iBAAA,CAAAe,IAAA,QAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAAApB,SAAA,CAAAkB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAnB,gBAAA,CAAAiB,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAAA,OAAAE,EAAA;AAAA;AAAA,IAAAM,OAAA,GAAAA,CAAAC,GAAA,EAAAC,UAAA,EAAAd,MAAA,MAAAA,MAAA,GAAAa,GAAA,WAAA5B,QAAA,CAAAS,YAAA,CAAAmB,GAAA,SAAAR,WAAA;AAAA;AAAA;AAAA;AAAA;AAAAS,UAAA,KAAAD,GAAA,KAAAA,GAAA,CAAAE,UAAA,GAAA3B,SAAA,CAAAY,MAAA;EAAAgB,KAAA,EAAAH,GAAA;EAAAT,UAAA;AAAA,KAAAJ,MAAA,EAAAa,GAAA;AAAA,IAAAI,YAAA,GAAAJ,GAAA,IAAAR,WAAA,CAAAjB,SAAA;EAAA4B,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAK,cAAA;AAAAnB,QAAA,CAAAmB,cAAA;EAAAC,WAkBrC,EACDA,CAAA,KAAMA,WACN;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAUC,CAAAC,OAAA,GAAAZ,YAAA,CAAAC,cAAA;AAAA,IAAAY,oBAAA,GAAAC,OAAA,gBACkC;AAAwB,IAAAC,aAAA,GAAApB,OAAA,CAAAmB,OAAA;AAAA,IAAAE,wBAAA,GAAAF,OAAA;AAAA,IAAAG,mBAAA,GAAAtB,OAAA,CAAAmB,OAAA;AAAA,IAAAJ,uBAAA,GAAAK,aAAA,CAAAG,OAAA,CAAAC,GAAA;AAAA;AAMxD;AAA4C;AAAA,uCAAAF,mBAAA,CAAAC,OAAA,CAAAE,WAAA;AAG5C;AAA0C;AAAA;AAAA,IAAAb,SAAA,OAAAQ,aAAA,CAAAG,OAAA,EAAAL,oBAAA,CAAAQ,MAAA,CAAAF,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqB1C,cAAMG,KAAA;EAA8B,OAAAA,KAAA,CAAAC,MAAA,IAAAP,wBAAA,CAAAQ,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCAAAP,mBAAA,CAAAC,OAAA,CAAAE,WAAA;AAcpC;AAAsC;AAAA;AAAA;AAAA;AAAA,IAAAZ,kBAAA,OAAAO,aAAA,CAAAG,OAAA,EAAAL,oBAAA,CAAAQ,MAAA,CAAAF,GAAA;AAAA;AAAA;AAAA,IAAAV,gBAAA,OAAAM,aAAA,CAAAG,OAAA,EAAAL,oBAAA,CAAAQ,MAAA,CAAAF,GAAA;AAAA;AAAA;AAAA;AAAA;AAYkB;AAAA;AAAA;AAAA;AAAA;AAMxD;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAf,oBAAA,GAAAW,aAAA,CAAAG,OAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAb,YAAA,OAAAS,aAAA,CAAAG,OAAA,EAAAL,oBAAA,CAAAQ,MAAA,CAAAF,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCAAAF,mBAAA,CAAAC,OAAA,CAAAE,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CgB,IAAAlB,WAAA,OAAAa,aAAA,CAAAG,OAAA,EAAAL,oBAAA,CAAAQ,MAAA,CAAAI,MAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuB3D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYC;AAEE;AAA2C;AAAA;AAAA;AAAA,uCAAAR,mBAAA,CAAAC,OAAA,CAAAE,WAAA;AAAA;AAAA;AAAA;AAAA,uCAAAH,mBAAA,CAAAC,OAAA,CAAAE,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBa;AAAA;AAAA;AAAA;AAKxD;AAAuC;AAAA;AAAA;AAAA;AAAA;AAAA,cAAAE,KAAA;EAAA,OAAAA,KAAA,CAAAI,QAAA,oBAAAV,wBAAA,CAAAQ,GAAA;AAAA;AAQiB;AAAA;AAAA","ignoreList":[]}

package/dist/jsx/connectkit/components/Common/ConnectorList/index.mjs

@@ -0,0 +1,177 @@
+import { useState } from "react";
+import { useContext, routes } from "../../ConnectKit.mjs";
+import { ConnectorsContainer, ConnectorButton, ConnectorLabel, ConnectorIcon, RecentlyUsedTag } from "./styles.mjs";
+import { useWeb3 } from "../../contexts/web3/index.mjs";
+import useIsMobile from "../../../hooks/useIsMobile.mjs";
+import { ScrollArea } from "../../Common/ScrollArea/index.mjs";
+import Alert from "../Alert/index.mjs";
+import { useWallets } from "../../../wallets/useWallets.mjs";
+import { detectBrowser, isCoinbaseWalletConnector, isPortoConnector, isWalletConnectConnector } from "../../../utils/index.mjs";
+import { useLastConnector } from "../../../hooks/useLastConnector.mjs";
+import { useConnect } from "../../../hooks/useConnect.mjs";
+import { useAaveAccountConnector } from "../../../hooks/useConnectors.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const CHAIN_LABEL = {
+  evm: "Ethereum",
+  solana: "Solana",
+  sui: "Sui",
+  bitcoin: "Bitcoin"
+};
+const ConnectorList = () => {
+  const context = useContext();
+  const isMobile = useIsMobile();
+  const wallets = useWallets();
+  const {
+    lastConnectorId
+  } = useLastConnector();
+  const aaveAccountConnector = useAaveAccountConnector();
+  const [expanded, setExpanded] = useState(null);
+  const filteredWallets = wallets.filter(wallet => wallet.id !== aaveAccountConnector?.id);
+  const walletsToDisplay = context.options?.hideRecentBadge || lastConnectorId === "walletConnect" ? filteredWallets : [...filteredWallets.filter(wallet => lastConnectorId === wallet.connector.id), ...filteredWallets.filter(wallet => lastConnectorId !== wallet.connector.id)];
+  const groups = [];
+  const byName = /* @__PURE__ */new Map();
+  for (const wallet of walletsToDisplay) {
+    const key = wallet.name ?? wallet.id;
+    let group = byName.get(key);
+    if (!group) {
+      group = {
+        name: wallet.name ?? wallet.id,
+        members: [],
+        isRecent: false
+      };
+      byName.set(key, group);
+      groups.push(group);
+    }
+    group.members.push(wallet);
+    if (wallet.connector.id === lastConnectorId || wallet.id === lastConnectorId) {
+      group.isRecent = true;
+    }
+  }
+  if (groups.length === 0) {
+    return /* @__PURE__ */jsx(ScrollArea, {
+      mobileDirection: "horizontal",
+      children: /* @__PURE__ */jsx(Alert, {
+        error: true,
+        children: "No connectors found in ConnectKit config."
+      })
+    });
+  }
+  const expandedGroup = expanded ? groups.find(g => g.name === expanded) : null;
+  if (expandedGroup && expandedGroup.members.length > 1) {
+    return /* @__PURE__ */jsx(ScrollArea, {
+      mobileDirection: "horizontal",
+      children: /* @__PURE__ */jsxs(ConnectorsContainer, {
+        $mobile: isMobile,
+        $totalResults: expandedGroup.members.length + 1,
+        children: [/* @__PURE__ */jsxs(ConnectorButton, {
+          type: "button",
+          onClick: () => setExpanded(null),
+          children: [/* @__PURE__ */jsx(ConnectorIcon, {
+            children: "\u2039"
+          }), /* @__PURE__ */jsxs(ConnectorLabel, {
+            children: [expandedGroup.name, " \u2014 pick a chain"]
+          })]
+        }), expandedGroup.members.map(wallet => /* @__PURE__ */jsx(ConnectorItem, {
+          wallet,
+          labelOverride: CHAIN_LABEL[wallet.ecosystem] ?? wallet.ecosystem
+        }, wallet.id))]
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(ScrollArea, {
+    mobileDirection: "horizontal",
+    children: /* @__PURE__ */jsx(ConnectorsContainer, {
+      $mobile: isMobile,
+      $totalResults: groups.length,
+      children: groups.map(group => group.members.length === 1 ? /* @__PURE__ */jsx(ConnectorItem, {
+        wallet: group.members[0],
+        isRecent: group.isRecent
+      }, group.members[0].id) : /* @__PURE__ */jsx(GroupItem, {
+        group,
+        isRecent: group.isRecent,
+        onExpand: () => setExpanded(group.name)
+      }, group.name))
+    })
+  });
+};
+var ConnectorList_default = ConnectorList;
+const GroupItem = ({
+  group,
+  isRecent,
+  onExpand
+}) => {
+  const context = useContext();
+  const rep = group.members[0];
+  return /* @__PURE__ */jsxs(ConnectorButton, {
+    type: "button",
+    disabled: context.route !== routes.CONNECTORS,
+    onClick: onExpand,
+    children: [/* @__PURE__ */jsx(ConnectorIcon, {
+      "data-small": rep.iconShouldShrink,
+      "data-shape": rep.iconShape,
+      children: rep.iconConnector ?? rep.icon
+    }), /* @__PURE__ */jsxs(ConnectorLabel, {
+      children: [group.name, !context.options?.hideRecentBadge && isRecent && /* @__PURE__ */jsx(RecentlyUsedTag, {
+        children: /* @__PURE__ */jsx("span", {
+          children: "Recent"
+        })
+      })]
+    })]
+  });
+};
+const ConnectorItem = ({
+  wallet,
+  isRecent,
+  labelOverride
+}) => {
+  const {
+    connect: {
+      getUri
+    }
+  } = useWeb3();
+  const uri = getUri();
+  const isMobile = useIsMobile();
+  const context = useContext();
+  const {
+    connect
+  } = useConnect();
+  let deeplink = !wallet.isInstalled && isMobile || wallet.shouldDeeplinkDesktop && !isMobile ? wallet.getWalletConnectDeeplink?.(uri ?? "") : void 0;
+  const redirectToMoreWallets = isMobile && isWalletConnectConnector(wallet.id);
+  const shouldConnectImmediately = (detectBrowser() === "safari" || detectBrowser() === "ios") && (isCoinbaseWalletConnector(wallet.connector.id) || isPortoConnector(wallet.connector.id));
+  if (redirectToMoreWallets || shouldConnectImmediately) deeplink = void 0;
+  return /* @__PURE__ */jsxs(ConnectorButton, {
+    type: "button",
+    as: deeplink ? "a" : void 0,
+    href: deeplink ? deeplink : void 0,
+    disabled: context.route !== routes.CONNECTORS,
+    onClick: deeplink ? void 0 : () => {
+      if (redirectToMoreWallets) {
+        context.setRoute(routes.MOBILECONNECTORS);
+      } else {
+        if (shouldConnectImmediately) {
+          connect({
+            connector: wallet?.connector
+          });
+        }
+        context.setRoute(routes.CONNECT);
+        context.setConnector({
+          id: wallet.id
+        });
+      }
+    },
+    children: [/* @__PURE__ */jsx(ConnectorIcon, {
+      "data-small": wallet.iconShouldShrink,
+      "data-shape": wallet.iconShape,
+      "data-background": redirectToMoreWallets,
+      children: wallet.iconConnector ?? wallet.icon
+    }), /* @__PURE__ */jsxs(ConnectorLabel, {
+      children: [labelOverride ?? (isMobile ? wallet.shortName ?? wallet.name : wallet.name), !context.options?.hideRecentBadge && isRecent && /* @__PURE__ */jsx(RecentlyUsedTag, {
+        children: /* @__PURE__ */jsx("span", {
+          children: "Recent"
+        })
+      })]
+    })]
+  });
+};
+export { ConnectorList_default as default };
+//# sourceMappingURL=index.mjs.map