@multiplatform.one/web3 5.1.0 → 6.0.1

package/dist/cjs/connectkit/components/Common/ChainSelectList/styles.cjs

@@ -1,8 +1,6 @@
-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, {
@@ -19,15 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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);
@@ -45,18 +34,18 @@ __export(styles_exports, {
 });
 module.exports = __toCommonJS(styles_exports);
 var import_framer_motion = require("framer-motion");
-var import_styled = __toESM(require("./../../../styles/styled/index.cjs"));
+var import_connectkit = require("@multiplatform.one/connectkit");
 var import_styled_components = require("styled-components");
-var import_defaultTheme = __toESM(require("../../../constants/defaultTheme.cjs"));
-const SwitchNetworksContainer = import_styled.default.div`
+var import_connectkit2 = require("@multiplatform.one/connectkit");
+const SwitchNetworksContainer = import_connectkit.styled.div`
   display: flex;
   flex-direction: column;
 
-  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+  @media only screen and (max-width: ${import_connectkit2.defaultTheme.mobileWidth}px) {
     flex-direction: column-reverse;
   }
 `;
-const ChainIcon = (0, import_styled.default)(import_framer_motion.motion.div)`
+const ChainIcon = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   display: block;
   position: relative;
   border-radius: 12px;
@@ -79,22 +68,22 @@ const ChainIcon = (0, import_styled.default)(import_framer_motion.motion.div)`
       align-items: center;
       justify-content: center;
       &:before {
-        content: '?';
+        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) {
+  @media only screen and (max-width: ${import_connectkit2.defaultTheme.mobileWidth}px) {
     border-radius: 16px;
     width: 32px;
     height: 32px;
   }
 `;
-const ChainLogoContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+const ChainLogoContainer = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   position: relative;
 `;
-const ChainLogoSpinner = (0, import_styled.default)(import_framer_motion.motion.div)`
+const ChainLogoSpinner = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   position: absolute;
   inset: -6px;
   animation: rotateSpinner 1200ms linear infinite;
@@ -115,21 +104,22 @@ const ChainLogoSpinner = (0, import_styled.default)(import_framer_motion.motion.
     }
   }
 `;
-const ChainButtonContainer = import_styled.default.div`
+const ChainButtonContainer = import_connectkit.styled.div`
   position: relative;
   margin: -8px -8px;
   &:after {
     border-radius: var(--border-radius, 0);
     z-index: 2;
-    content: '';
+    content: "";
     pointer-events: none;
     position: absolute;
     inset: 0 2px;
-    box-shadow: inset 0 16px 8px -12px var(--background, var(--ck-body-background)),
+    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 = (0, import_styled.default)(import_framer_motion.motion.div)`
+const ChainButtons = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   padding: 8px;
   overflow-x: hidden;
   overflow-y: auto;
@@ -141,13 +131,13 @@ const ChainButtons = (0, import_styled.default)(import_framer_motion.motion.div)
     display: none; /* Safari and Chrome */
   }
 
-  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+  @media only screen and (max-width: ${import_connectkit2.defaultTheme.mobileWidth}px) {
     padding: 8px 14px;
     margin: 2px -2px 0;
     max-height: 60vh;
   }
 `;
-const ChainButton = (0, import_styled.default)(import_framer_motion.motion.button)`
+const ChainButton = (0, import_connectkit.styled)(import_framer_motion.motion.button)`
   appearance: none;
   cursor: pointer;
   user-select: none;
@@ -167,10 +157,12 @@ const ChainButton = (0, import_styled.default)(import_framer_motion.motion.butto
   color: var(--ck-body-color);
   background: none;
   white-space: nowrap;
-  transition: transform 100ms ease, background-color 100ms ease;
+  transition:
+    transform 100ms ease,
+    background-color 100ms ease;
   transform: translateZ(0px);
   &:before {
-    content: '';
+    content: "";
     background: currentColor;
     position: absolute;
     z-index: -1;
@@ -180,7 +172,7 @@ const ChainButton = (0, import_styled.default)(import_framer_motion.motion.butto
     transition: opacity 180ms ease;
   }
   &:after {
-    content: '';
+    content: "";
     position: absolute;
     z-index: -1;
     inset: 0 var(--ck-dropdown-active-inset, -8px);
@@ -189,11 +181,11 @@ const ChainButton = (0, import_styled.default)(import_framer_motion.motion.butto
     transition: opacity 180ms ease;
     outline: 2px solid var(--ck-focus-color);
   }
-  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+  @media only screen and (max-width: ${import_connectkit2.defaultTheme.mobileWidth}px) {
     font-size: 17px;
     padding: 8px 0;
   }
-  @media only screen and (min-width: ${import_defaultTheme.default.mobileWidth}px) {
+  @media only screen and (min-width: ${import_connectkit2.defaultTheme.mobileWidth}px) {
     &:hover {
       &:before {
         transition-duration: 80ms;
@@ -228,7 +220,7 @@ const ChainButton = (0, import_styled.default)(import_framer_motion.motion.butto
       }
     `}
 `;
-const ChainButtonStatus = (0, import_styled.default)(import_framer_motion.motion.div)`
+const ChainButtonStatus = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -246,12 +238,12 @@ const ChainButtonStatus = (0, import_styled.default)(import_framer_motion.motion
     display: block;
     position: relative;
   }
-  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+  @media only screen and (max-width: ${import_connectkit2.defaultTheme.mobileWidth}px) {
     font-size: 17px;
     padding: 0;
   }
 `;
-const ChainButtonBg = (0, import_styled.default)(import_framer_motion.motion.div)`
+const ChainButtonBg = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   position: absolute;
   z-index: -1;
   inset: 0 var(--ck-dropdown-active-inset, -8px);
@@ -259,7 +251,7 @@ const ChainButtonBg = (0, import_styled.default)(import_framer_motion.motion.div
   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) {
+  @media only screen and (max-width: ${import_connectkit2.defaultTheme.mobileWidth}px) {
     inset: 0 var(--ck-dropdown-active-inset, -8px);
   }
 `;

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

@@ -1,10 +1,8 @@
 "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, {
@@ -21,15 +19,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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);
@@ -47,18 +36,18 @@ __export(styles_exports, {
 });
 module.exports = __toCommonJS(styles_exports);
 var import_framer_motion = require("framer-motion");
-var import_styled = __toESM(require("./../../../styles/styled/index.native.js"));
+var import_connectkit = require("@multiplatform.one/connectkit");
 var import_styled_components = require("styled-components");
-var import_defaultTheme = __toESM(require("../../../constants/defaultTheme.native.js"));
-var SwitchNetworksContainer = import_styled.default.div`
+var import_connectkit2 = require("@multiplatform.one/connectkit");
+var SwitchNetworksContainer = import_connectkit.styled.div`
   display: flex;
   flex-direction: column;
 
-  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+  @media only screen and (max-width: ${import_connectkit2.defaultTheme.mobileWidth}px) {
     flex-direction: column-reverse;
   }
 `;
-var ChainIcon = (0, import_styled.default)(import_framer_motion.motion.div)`
+var ChainIcon = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   display: block;
   position: relative;
   border-radius: 12px;
@@ -82,23 +71,23 @@ var ChainIcon = (0, import_styled.default)(import_framer_motion.motion.div)`
       align-items: center;
       justify-content: center;
       &:before {
-        content: '?';
+        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) {
+  @media only screen and (max-width: ${import_connectkit2.defaultTheme.mobileWidth}px) {
     border-radius: 16px;
     width: 32px;
     height: 32px;
   }
 `;
-var ChainLogoContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+var ChainLogoContainer = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   position: relative;
 `;
-var ChainLogoSpinner = (0, import_styled.default)(import_framer_motion.motion.div)`
+var ChainLogoSpinner = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   position: absolute;
   inset: -6px;
   animation: rotateSpinner 1200ms linear infinite;
@@ -119,21 +108,22 @@ var ChainLogoSpinner = (0, import_styled.default)(import_framer_motion.motion.di
     }
   }
 `;
-var ChainButtonContainer = import_styled.default.div`
+var ChainButtonContainer = import_connectkit.styled.div`
   position: relative;
   margin: -8px -8px;
   &:after {
     border-radius: var(--border-radius, 0);
     z-index: 2;
-    content: '';
+    content: "";
     pointer-events: none;
     position: absolute;
     inset: 0 2px;
-    box-shadow: inset 0 16px 8px -12px var(--background, var(--ck-body-background)),
+    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)`
+var ChainButtons = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   padding: 8px;
   overflow-x: hidden;
   overflow-y: auto;
@@ -145,13 +135,13 @@ var ChainButtons = (0, import_styled.default)(import_framer_motion.motion.div)`
     display: none; /* Safari and Chrome */
   }
 
-  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+  @media only screen and (max-width: ${import_connectkit2.defaultTheme.mobileWidth}px) {
     padding: 8px 14px;
     margin: 2px -2px 0;
     max-height: 60vh;
   }
 `;
-var ChainButton = (0, import_styled.default)(import_framer_motion.motion.button)`
+var ChainButton = (0, import_connectkit.styled)(import_framer_motion.motion.button)`
   appearance: none;
   cursor: pointer;
   user-select: none;
@@ -171,10 +161,12 @@ var ChainButton = (0, import_styled.default)(import_framer_motion.motion.button)
   color: var(--ck-body-color);
   background: none;
   white-space: nowrap;
-  transition: transform 100ms ease, background-color 100ms ease;
+  transition:
+    transform 100ms ease,
+    background-color 100ms ease;
   transform: translateZ(0px);
   &:before {
-    content: '';
+    content: "";
     background: currentColor;
     position: absolute;
     z-index: -1;
@@ -184,7 +176,7 @@ var ChainButton = (0, import_styled.default)(import_framer_motion.motion.button)
     transition: opacity 180ms ease;
   }
   &:after {
-    content: '';
+    content: "";
     position: absolute;
     z-index: -1;
     inset: 0 var(--ck-dropdown-active-inset, -8px);
@@ -193,11 +185,11 @@ var ChainButton = (0, import_styled.default)(import_framer_motion.motion.button)
     transition: opacity 180ms ease;
     outline: 2px solid var(--ck-focus-color);
   }
-  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+  @media only screen and (max-width: ${import_connectkit2.defaultTheme.mobileWidth}px) {
     font-size: 17px;
     padding: 8px 0;
   }
-  @media only screen and (min-width: ${import_defaultTheme.default.mobileWidth}px) {
+  @media only screen and (min-width: ${import_connectkit2.defaultTheme.mobileWidth}px) {
     &:hover {
       &:before {
         transition-duration: 80ms;
@@ -234,7 +226,7 @@ var ChainButton = (0, import_styled.default)(import_framer_motion.motion.button)
     `;
 }}
 `;
-var ChainButtonStatus = (0, import_styled.default)(import_framer_motion.motion.div)`
+var ChainButtonStatus = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -252,12 +244,12 @@ var ChainButtonStatus = (0, import_styled.default)(import_framer_motion.motion.d
     display: block;
     position: relative;
   }
-  @media only screen and (max-width: ${import_defaultTheme.default.mobileWidth}px) {
+  @media only screen and (max-width: ${import_connectkit2.defaultTheme.mobileWidth}px) {
     font-size: 17px;
     padding: 0;
   }
 `;
-var ChainButtonBg = (0, import_styled.default)(import_framer_motion.motion.div)`
+var ChainButtonBg = (0, import_connectkit.styled)(import_framer_motion.motion.div)`
   position: absolute;
   z-index: -1;
   inset: 0 var(--ck-dropdown-active-inset, -8px);
@@ -265,7 +257,7 @@ var ChainButtonBg = (0, import_styled.default)(import_framer_motion.motion.div)`
   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) {
+  @media only screen and (max-width: ${import_connectkit2.defaultTheme.mobileWidth}px) {
     inset: 0 var(--ck-dropdown-active-inset, -8px);
   }
 `;

package/dist/cjs/connectkit/components/Common/ChainSelectList/styles.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","styles_exports","__export","ChainButton","ChainButtonBg","ChainButtonContainer","ChainButtonStatus","ChainButtons","ChainIcon","ChainLogoContainer","ChainLogoSpinner","SwitchNetworksContainer","module","exports","import_framer_motion","require","import_styled","__toESM","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":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","styles_exports","__export","ChainButton","ChainButtonBg","ChainButtonContainer","ChainButtonStatus","ChainButtons","ChainIcon","ChainLogoContainer","ChainLogoSpinner","SwitchNetworksContainer","module","exports","import_framer_motion","require","import_connectkit","import_styled_components","import_connectkit2","styled","div","defaultTheme","mobileWidth","motion","props","$empty","css","button","$variant"],"sources":["../../../../../../src/connectkit/components/Common/ChainSelectList/styles.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/connectkit/components/Common/ConnectorList/index.cjs

@@ -1,8 +1,6 @@
-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, {
@@ -19,15 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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);
@@ -37,14 +26,10 @@ __export(ConnectorList_exports, {
 });
 module.exports = __toCommonJS(ConnectorList_exports);
 var import_react = require("react");
-var import_ConnectKit = require("../../ConnectKit.cjs");
+var import_connectkit = require("@multiplatform.one/connectkit");
 var import_styles = require("./styles.cjs");
 var import_web3 = require("../../contexts/web3/index.cjs");
-var import_useIsMobile = __toESM(require("../../../hooks/useIsMobile.cjs"));
-var import_ScrollArea = require("../../Common/ScrollArea/index.cjs");
-var import_Alert = __toESM(require("../Alert/index.cjs"));
 var import_useWallets = require("../../../wallets/useWallets.cjs");
-var import_utils = require("../../../utils/index.cjs");
 var import_useLastConnector = require("../../../hooks/useLastConnector.cjs");
 var import_useConnect = require("../../../hooks/useConnect.cjs");
 var import_useConnectors = require("../../../hooks/useConnectors.cjs");
@@ -56,8 +41,8 @@ const CHAIN_LABEL = {
   bitcoin: "Bitcoin"
 };
 const ConnectorList = () => {
-  const context = (0, import_ConnectKit.useContext)();
-  const isMobile = (0, import_useIsMobile.default)();
+  const context = (0, import_connectkit.useContext)();
+  const isMobile = (0, import_connectkit.useIsMobile)();
   const wallets = (0, import_useWallets.useWallets)();
   const {
     lastConnectorId
@@ -86,9 +71,9 @@ const ConnectorList = () => {
     }
   }
   if (groups.length === 0) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollArea.ScrollArea, {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ScrollArea, {
       mobileDirection: "horizontal",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Alert.default, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.Alert, {
         error: true,
         children: "No connectors found in ConnectKit config."
       })
@@ -96,7 +81,7 @@ const ConnectorList = () => {
   }
   const expandedGroup = expanded ? groups.find(g => g.name === expanded) : null;
   if (expandedGroup && expandedGroup.members.length > 1) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollArea.ScrollArea, {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ScrollArea, {
       mobileDirection: "horizontal",
       children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ConnectorsContainer, {
         $mobile: isMobile,
@@ -116,7 +101,7 @@ const ConnectorList = () => {
       })
     });
   }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollArea.ScrollArea, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ScrollArea, {
     mobileDirection: "horizontal",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.ConnectorsContainer, {
       $mobile: isMobile,
@@ -138,11 +123,11 @@ const GroupItem = ({
   isRecent,
   onExpand
 }) => {
-  const context = (0, import_ConnectKit.useContext)();
+  const context = (0, import_connectkit.useContext)();
   const rep = group.members[0];
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ConnectorButton, {
     type: "button",
-    disabled: context.route !== import_ConnectKit.routes.CONNECTORS,
+    disabled: context.route !== import_connectkit.routes.CONNECTORS,
     onClick: onExpand,
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.ConnectorIcon, {
       "data-small": rep.iconShouldShrink,
@@ -168,30 +153,30 @@ const ConnectorItem = ({
     }
   } = (0, import_web3.useWeb3)();
   const uri = getUri();
-  const isMobile = (0, import_useIsMobile.default)();
-  const context = (0, import_ConnectKit.useContext)();
+  const isMobile = (0, import_connectkit.useIsMobile)();
+  const context = (0, import_connectkit.useContext)();
   const {
     connect
   } = (0, import_useConnect.useConnect)();
   let deeplink = !wallet.isInstalled && isMobile || wallet.shouldDeeplinkDesktop && !isMobile ? wallet.getWalletConnectDeeplink?.(uri ?? "") : void 0;
-  const redirectToMoreWallets = isMobile && (0, import_utils.isWalletConnectConnector)(wallet.id);
-  const shouldConnectImmediately = ((0, import_utils.detectBrowser)() === "safari" || (0, import_utils.detectBrowser)() === "ios") && ((0, import_utils.isCoinbaseWalletConnector)(wallet.connector.id) || (0, import_utils.isPortoConnector)(wallet.connector.id));
+  const redirectToMoreWallets = isMobile && (0, import_connectkit.isWalletConnectConnector)(wallet.id);
+  const shouldConnectImmediately = ((0, import_connectkit.detectBrowser)() === "safari" || (0, import_connectkit.detectBrowser)() === "ios") && ((0, import_connectkit.isCoinbaseWalletConnector)(wallet.connector.id) || (0, import_connectkit.isPortoConnector)(wallet.connector.id));
   if (redirectToMoreWallets || shouldConnectImmediately) deeplink = void 0;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ConnectorButton, {
     type: "button",
     as: deeplink ? "a" : void 0,
     href: deeplink ? deeplink : void 0,
-    disabled: context.route !== import_ConnectKit.routes.CONNECTORS,
+    disabled: context.route !== import_connectkit.routes.CONNECTORS,
     onClick: deeplink ? void 0 : () => {
       if (redirectToMoreWallets) {
-        context.setRoute(import_ConnectKit.routes.MOBILECONNECTORS);
+        context.setRoute(import_connectkit.routes.MOBILECONNECTORS);
       } else {
         if (shouldConnectImmediately) {
           connect({
             connector: wallet?.connector
           });
         }
-        context.setRoute(import_ConnectKit.routes.CONNECT);
+        context.setRoute(import_connectkit.routes.CONNECT);
         context.setConnector({
           id: wallet.id
         });

package/dist/cjs/connectkit/components/Common/ConnectorList/index.native.js

@@ -40,14 +40,10 @@ __export(ConnectorList_exports, {
 module.exports = __toCommonJS(ConnectorList_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
-var import_ConnectKit = require("../../ConnectKit.native.js");
+var import_connectkit = require("@multiplatform.one/connectkit");
 var import_styles = require("./styles.native.js");
 var import_web3 = require("../../contexts/web3/index.native.js");
-var import_useIsMobile = __toESM(require("../../../hooks/useIsMobile.native.js"));
-var import_ScrollArea = require("../../Common/ScrollArea/index.native.js");
-var import_Alert = __toESM(require("../Alert/index.native.js"));
 var import_useWallets = require("../../../wallets/useWallets.native.js");
-var import_utils = require("../../../utils/index.native.js");
 var import_useLastConnector = require("../../../hooks/useLastConnector.native.js");
 var import_useConnect = require("../../../hooks/useConnect.native.js");
 var import_useConnectors = require("../../../hooks/useConnectors.native.js");
@@ -59,8 +55,8 @@ var CHAIN_LABEL = {
 };
 var ConnectorList = function ConnectorList2() {
   var _context_options;
-  var context = (0, import_ConnectKit.useContext)();
-  var isMobile = (0, import_useIsMobile.default)();
+  var context = (0, import_connectkit.useContext)();
+  var isMobile = (0, import_connectkit.useIsMobile)();
   var wallets = (0, import_useWallets.useWallets)();
   var {
     lastConnectorId
@@ -118,9 +114,9 @@ var ConnectorList = function ConnectorList2() {
     }
   }
   if (groups.length === 0) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollArea.ScrollArea, {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ScrollArea, {
       mobileDirection: "horizontal",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Alert.default, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.Alert, {
         error: true,
         children: "No connectors found in ConnectKit config."
       })
@@ -130,7 +126,7 @@ var ConnectorList = function ConnectorList2() {
     return g.name === expanded;
   }) : null;
   if (expandedGroup && expandedGroup.members.length > 1) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollArea.ScrollArea, {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ScrollArea, {
       mobileDirection: "horizontal",
       children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ConnectorsContainer, {
         $mobile: isMobile,
@@ -155,7 +151,7 @@ var ConnectorList = function ConnectorList2() {
       })
     });
   }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollArea.ScrollArea, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_connectkit.ScrollArea, {
     mobileDirection: "horizontal",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.ConnectorsContainer, {
       $mobile: isMobile,
@@ -184,11 +180,11 @@ var GroupItem = function GroupItem2(param) {
   } = param;
   var _rep_iconConnector;
   var _context_options;
-  var context = (0, import_ConnectKit.useContext)();
+  var context = (0, import_connectkit.useContext)();
   var rep = group.members[0];
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ConnectorButton, {
     type: "button",
-    disabled: context.route !== import_ConnectKit.routes.CONNECTORS,
+    disabled: context.route !== import_connectkit.routes.CONNECTORS,
     onClick: onExpand,
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.ConnectorIcon, {
       "data-small": rep.iconShouldShrink,
@@ -217,30 +213,30 @@ var ConnectorItem = function ConnectorItem2(param) {
     }
   } = (0, import_web3.useWeb3)();
   var uri = getUri();
-  var isMobile = (0, import_useIsMobile.default)();
-  var context = (0, import_ConnectKit.useContext)();
+  var isMobile = (0, import_connectkit.useIsMobile)();
+  var context = (0, import_connectkit.useContext)();
   var {
     connect
   } = (0, import_useConnect.useConnect)();
   var deeplink = !wallet.isInstalled && isMobile || wallet.shouldDeeplinkDesktop && !isMobile ? (_wallet_getWalletConnectDeeplink = wallet.getWalletConnectDeeplink) === null || _wallet_getWalletConnectDeeplink === void 0 ? void 0 : _wallet_getWalletConnectDeeplink.call(wallet, uri !== null && uri !== void 0 ? uri : "") : void 0;
-  var redirectToMoreWallets = isMobile && (0, import_utils.isWalletConnectConnector)(wallet.id);
-  var shouldConnectImmediately = ((0, import_utils.detectBrowser)() === "safari" || (0, import_utils.detectBrowser)() === "ios") && ((0, import_utils.isCoinbaseWalletConnector)(wallet.connector.id) || (0, import_utils.isPortoConnector)(wallet.connector.id));
+  var redirectToMoreWallets = isMobile && (0, import_connectkit.isWalletConnectConnector)(wallet.id);
+  var shouldConnectImmediately = ((0, import_connectkit.detectBrowser)() === "safari" || (0, import_connectkit.detectBrowser)() === "ios") && ((0, import_connectkit.isCoinbaseWalletConnector)(wallet.connector.id) || (0, import_connectkit.isPortoConnector)(wallet.connector.id));
   if (redirectToMoreWallets || shouldConnectImmediately) deeplink = void 0;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ConnectorButton, {
     type: "button",
     as: deeplink ? "a" : void 0,
     href: deeplink ? deeplink : void 0,
-    disabled: context.route !== import_ConnectKit.routes.CONNECTORS,
+    disabled: context.route !== import_connectkit.routes.CONNECTORS,
     onClick: deeplink ? void 0 : function () {
       if (redirectToMoreWallets) {
-        context.setRoute(import_ConnectKit.routes.MOBILECONNECTORS);
+        context.setRoute(import_connectkit.routes.MOBILECONNECTORS);
       } else {
         if (shouldConnectImmediately) {
           connect({
             connector: wallet === null || wallet === void 0 ? void 0 : wallet.connector
           });
         }
-        context.setRoute(import_ConnectKit.routes.CONNECT);
+        context.setRoute(import_connectkit.routes.CONNECT);
         context.setConnector({
           id: wallet.id
         });